/* ==========================================================================
   ROYAL DIAMOND · Дизайн-токены
   quiet luxury · editorial minimalism · museum-grade product presentation
   ========================================================================== */

:root{
  /* ---------- ЦВЕТ ----------
     Основа — тёплая слоновая кость из паспорта Beun.
     Золото матовое, взято с лок-апа Royal Diamond (#D9AE84), приглушено.
     Изумруд — от Bright Uzbekistan, используется дозированно. */
  --ivory:        #F8F3EB;   /* основной фон */
  --ivory-deep:   #F2EADD;   /* вторичный фон, champagne beige */
  --ivory-soft:   #FBF8F3;   /* карточки, поднятые поверхности */
  --pearl:        #FFFFFF;

  --graphite:     #1C1A17;   /* типографика */
  --graphite-70:  #4A453E;   /* вторичный текст */
  --graphite-45:  #6E675D;   /* подписи, мета — контраст 4.6:1 на всех светлых фонах */
  --graphite-20:  #C6BEB1;   /* дизейбл */

  --gold:         #C9A87C;   /* матовое золото — линии и детали */
  --gold-deep:    #7D6243;   /* золото на светлом, для текста — контраст 4.7:1 (декоративное золото — --gold) */
  --gold-soft:    #E4D3BB;   /* заливки, ховеры */
  --gold-line:    rgba(201,168,124,.34);

  --emerald:      #11342B;   /* Bright Uzbekistan — тёмные секции */
  --emerald-deep: #0B241D;
  --emerald-line: rgba(255,255,255,.16);

  --hairline:     rgba(28,26,23,.14);
  --hairline-soft:rgba(28,26,23,.08);

  --focus:        #A9855A;
  --error:        #9A3B24;

  /* Роли (переопределяются в тёмных секциях) */
  --bg:           var(--ivory);
  --surface:      var(--ivory-soft);
  --text:         var(--graphite);
  --text-muted:   var(--graphite-70);
  --text-faint:   var(--graphite-45);
  --line:         var(--hairline);
  --accent:       var(--gold-deep);

  /* ---------- ТИПОГРАФИКА ----------
     Cormorant Garamond — editorial serif с хорошей кириллицей.
     Manrope — нейтральный интерфейсный гротеск.
     Числа серии — табличные, только как функциональный акцент. */
  --font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-sans:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Шкала: сдержанная, с большим разбросом между дисплеем и текстом */
  --t-hero:    clamp(2.4rem, 6vw, 5.25rem);       /* 38 → 84 */
  --t-display: clamp(2.25rem, 5.4vw, 4.75rem);   /* 36 → 76  */
  --t-h2:      clamp(1.75rem, 3.6vw, 3rem);      /* 28 → 48  */
  --t-h3:      clamp(1.3rem, 2.1vw, 1.75rem);    /* 21 → 28  */
  --t-lead:    clamp(1.0625rem, 1.35vw, 1.25rem);/* 17 → 20  */
  --t-body:    clamp(0.9375rem, 1.05vw, 1.0625rem);
  --t-small:   0.875rem;
  --t-caption: 0.75rem;
  --t-eyebrow: 0.6875rem;

  --lh-display: 1.04;
  --lh-title:   1.14;
  --lh-body:    1.68;

  --ls-hero:    -0.022em;
  --ls-display: -0.018em;
  --ls-eyebrow:  0.22em;   /* капслок-подписи */
  --ls-wide:     0.08em;

  /* ---------- РИТМ ---------- */
  --sp-3xs: 0.25rem;
  --sp-2xs: 0.5rem;
  --sp-xs:  0.75rem;
  --sp-sm:  1rem;
  --sp-md:  1.5rem;
  --sp-lg:  2.5rem;
  --sp-xl:  4rem;
  --sp-2xl: 6rem;
  --sp-3xl: clamp(5rem, 12vw, 11rem);   /* воздух между секциями */

  --gutter:   clamp(1.25rem, 5vw, 4.5rem);
  --measure:  62ch;                      /* длина строки текста */
  --max-w:    1440px;
  --max-text: 1120px;

  /* ---------- ФОРМА ---------- */
  --r-none: 0;
  --r-sm:   2px;
  --r-md:   4px;
  --r-pill: 999px;
  --border-hair: 1px solid var(--line);

  /* ---------- ТЕНИ ----------
     Почти отсутствуют: quiet luxury держится на линиях и воздухе, не на тенях. */
  --sh-none:  none;
  --sh-soft:  0 1px 2px rgba(28,26,23,.04), 0 8px 28px rgba(28,26,23,.05);
  --sh-lift:  0 2px 6px rgba(28,26,23,.05), 0 18px 52px rgba(28,26,23,.09);
  --sh-model: 0 40px 90px rgba(28,26,23,.10);

  /* ---------- ДВИЖЕНИЕ ----------
     Медленный, уверенный темп. Ничего пружинящего и «весёлого». */
  --e-out:   cubic-bezier(.22, 1, .36, 1);
  --e-inout: cubic-bezier(.65, 0, .35, 1);
  --e-soft:  cubic-bezier(.4, 0, .2, 1);

  --d-fast:  240ms;
  --d-base:  480ms;
  --d-slow:  900ms;
  --d-reveal:1400ms;

  --z-base: 1;
  --z-nav: 60;
  --z-drawer: 70;
  --z-modal: 90;
  --z-preloader: 100;

  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
}

/* Тёмная (изумрудная) секция — инверсия ролей, а не отдельная тема */
.on-emerald{
  --bg:         var(--emerald);
  --surface:    var(--emerald-deep);
  --text:       #F4EFE6;
  --text-muted: rgba(244,239,230,.82);
  --text-faint: rgba(244,239,230,.62);
  --line:       var(--emerald-line);
  --accent:     var(--gold);
}