/* Дизайн-токены TOYPOY. Палитра снята с логотипа (см. план §5.1
   и .claude/research/brand-palette.md). Менять цвета — только здесь. */
:root {
    /* Бренд */
    --color-ink: #1d1d1b;          /* чёрный логотипа: текст, заголовки */
    --color-gold: #c99e67;         /* кольца: основной акцент, CTA */
    --color-gold-light: #d1a56b;   /* hover, бордеры */
    --color-gold-dark: #88693f;    /* active-состояния + текст-ссылки (AA ≥4.5:1 на светлом) */
    --color-blue: #2daae1;         /* бриллиант: ссылки, инфо-акценты */
    --color-blue-dark: #0e71b8;    /* hover ссылок */
    --color-blue-light: #73ccf4;   /* фоновые подсветки */

    /* Нейтральные */
    --color-bg: #ffffff;
    --color-ivory: #faf7f1;        /* тёплая слоновая кость — премиальный холст */
    --color-bg-soft: #f6f1e9;      /* тёплый фон секций */
    --color-gray: #8a847b;         /* вторичный текст (тёплый серо-бежевый) */
    --color-border: #e3ddd2;       /* мягкий тёплый бордер */
    --color-hairline: rgb(201 158 103 / 0.28);  /* тонкая золотая линия-разделитель */

    /* Статусные */
    --color-success: #3e9b4f;
    --color-warning: #d9822b;
    --color-error: #c0392b;

    /* Типографика (woff2 локально, см. fonts.css) */
    --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
    --font-heading: "Montserrat", "Inter", system-ui, -apple-system, sans-serif;
    --font-body: "Inter", system-ui, -apple-system, sans-serif;
    --text-h1: clamp(2.25rem, 1.6rem + 3.2vw, 3.5rem);  /* fluid display */
    --text-h2: clamp(1.6rem, 1.3rem + 1.5vw, 2.25rem);
    --text-h3: 1.3rem;     /* ~21px */
    --text-lg: 1.125rem;   /* 18px */
    --text-base: 1rem;     /* 16px */
    --text-sm: 0.875rem;   /* 14px */

    /* Трекинг (luxury): крупный сериф — плотнее, мелкие лейблы — разрядка */
    --tracking-tight: -0.015em;
    --tracking-label: 0.2em;

    /* Градиенты бренда */
    --grad-gold: linear-gradient(135deg, #d8b277 0%, #c99e67 45%, #a8814e 100%);
    --grad-gold-soft: linear-gradient(135deg, rgb(201 158 103 / 0.14), rgb(201 158 103 / 0.04));
    --grad-hero: linear-gradient(160deg, #fdfbf7 0%, #f8f1e6 55%, #f3e7d3 100%);
    --grad-ink: linear-gradient(160deg, #232321 0%, #1d1d1b 60%, #161614 100%);
    /* Золотая «фольга» для text-clip ключевых слов */
    --gold-foil: linear-gradient(100deg, #a8814e 0%, #e7c587 28%, #c99e67 50%, #f0d9a8 72%, #a8814e 100%);

    /* Отступы (кратны 4px) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* Прочее */
    --radius-sm: 8px;      /* кнопки, инпуты */
    --radius-md: 12px;     /* карточки */
    --radius-pill: 999px;  /* поиск-«пилюля», бейджи */
    --shadow-sm: 0 1px 3px rgb(29 29 27 / 0.05);
    --shadow-soft: 0 6px 24px -8px rgb(29 29 27 / 0.10);          /* диффузная премиальная */
    --shadow-card: 0 2px 10px -2px rgb(29 29 27 / 0.07);
    --shadow-lift: 0 18px 40px -16px rgb(29 29 27 / 0.18);
    --shadow-gold: 0 10px 30px -8px rgb(168 129 78 / 0.40);
    --ease-lux: cubic-bezier(0.22, 0.61, 0.36, 1);
    --transition: 0.25s var(--ease-lux);
    --container-max: 1200px;
}

/* Плавность — только для тех, кто её не отключил */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}