/* ============================================================
   Baytix Toy Invite — тема CLASSIC (v2, «арка»)
   Направление задано референсами: тёплый крем, настоящее золото,
   арочное окно, тонкая линия. Смена темы = только этот файл.
   ============================================================ */

:root {
  /* --- Цвет --- */
  --cream:      #FBF6EC;
  --cream-deep: #F2E8D6;
  --champagne:  #E8D9BE;
  --espresso:   #2E241A;
  --espresso-2: #5B4A38;
  --muted:      #8A7862;

  /* Золото — градиент, а не плоский цвет. Плоское золото выглядит дёшево. */
  --gold-dark:  #A8791F;
  --gold-mid:   #C79B3E;
  --gold-light: #EBD69C;
  --gold-grad:  linear-gradient(135deg, #A8791F 0%, #EBD69C 38%, #C79B3E 62%, #A8791F 100%);
  --gold-line:  linear-gradient(90deg, transparent, #EBD69C 22%, #C79B3E 50%, #EBD69C 78%, transparent);

  /* --- Типографика ---
     Playfair Display и Cormorant есть в cyrillic-ext → ң ө ү живые.
     Рукописные латинские скрипты сюда НЕ ставим: у них нет ө ү.
     Manrope отвергнут: в нём физически отсутствуют ң Ң и узбекская ʻ (U+02BB).
     Проверено по таблице cmap, а не на глаз. Inter покрывает всё. */
  --display: 'Playfair Display', 'PT Serif', Georgia, serif;
  --accent:  'Cormorant Garamond', 'PT Serif', Georgia, serif;
  --body:    'Inter', 'Noto Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-names:  clamp(2rem, 9.4vw, 2.9rem);
  --fs-h2:     clamp(1.52rem, 6.4vw, 1.98rem);
  --fs-lead:   clamp(1.07rem, 4.5vw, 1.19rem);
  --fs-label:  0.71rem;
  --tracking:  0.26em;

  /* --- Форма --- */
  --gutter:  22px;
  --section: clamp(50px, 12.5vw, 76px);
  --arch-w:  min(336px, 84vw);
  --arch-r:  200px;
  --radius:  3px;
}

/* ============================================================
   ПАЛИТРЫ. Меняются строкой в wedding.json: "palette": "olive"
   Тема одна, настроение разное. Так работают Riley & Grey:
   мало настроек, но каждый вариант выглядит законченным.
   ============================================================ */

[data-palette="olive"] {
  --cream:      #EDEEDC;
  --cream-deep: #E0E2CA;
  --champagne:  #CCD0B0;
  --espresso:   #333A24;
  --espresso-2: #55603C;
  --muted:      #7E886A;
}

[data-palette="blush"] {
  --cream:      #FBF1ED;
  --cream-deep: #F6E4DD;
  --champagne:  #ECD2C8;
  --espresso:   #3C2A25;
  --espresso-2: #6B4E45;
  --muted:      #9C7C72;
}

/* ============================================================
   ТЁМНЫЕ ПАЛИТРЫ. Для тех, кто хочет бордо, изумруд или ночь.
   Цвет текста и фона меняются местами — золото остаётся золотом.
   ============================================================ */

[data-palette="marsala"] {
  --cream:      #4A1520;   /* бордо, цвет марсала */
  --cream-deep: #3A0F19;
  --champagne:  #2C0A12;
  --espresso:   #F3E4D2;   /* текст светлый */
  --espresso-2: #DEC7AC;
  --muted:      #B99B7E;
  --gold-dark:  #C9A227;
  --gold-mid:   #E3C566;
  --gold-light: #F5E4A8;
  --gold-grad:  linear-gradient(135deg, #A8821B 0%, #F5E4A8 38%, #D9B84A 62%, #A8821B 100%);
  --gold-line:  linear-gradient(90deg, transparent, #F5E4A8 22%, #D9B84A 50%, #F5E4A8 78%, transparent);
}

[data-palette="emerald"] {
  --cream:      #14352C;
  --cream-deep: #0F2A23;
  --champagne:  #0A1F1A;
  --espresso:   #EFE6D4;
  --espresso-2: #D2C6AE;
  --muted:      #93A594;
  --gold-dark:  #C9A227;
  --gold-mid:   #E3C566;
  --gold-light: #F5E4A8;
  --gold-grad:  linear-gradient(135deg, #A8821B 0%, #F5E4A8 38%, #D9B84A 62%, #A8821B 100%);
  --gold-line:  linear-gradient(90deg, transparent, #F5E4A8 22%, #D9B84A 50%, #F5E4A8 78%, transparent);
}

[data-palette="night"] {
  --cream:      #16213A;
  --cream-deep: #101A2E;
  --champagne:  #0B1223;
  --espresso:   #EDE6D8;
  --espresso-2: #CFC6B4;
  --muted:      #8A93A8;
  --gold-dark:  #C9A227;
  --gold-mid:   #E3C566;
  --gold-light: #F5E4A8;
  --gold-grad:  linear-gradient(135deg, #A8821B 0%, #F5E4A8 38%, #D9B84A 62%, #A8821B 100%);
  --gold-line:  linear-gradient(90deg, transparent, #F5E4A8 22%, #D9B84A 50%, #F5E4A8 78%, transparent);
}