/* Дизайн-токены — marker / sketch стиль.
   Меняй здесь — поменяется всё. */

:root {
  /* ====== Палитра ====== */
  --color-bg:        #FAF7F2;  /* кремовый фон */
  --color-bg-deep:   #F2EDE3;  /* чуть глубже — альтернирующие секции */
  --color-paper:     #FDF9F1;  /* карточки, конверт */
  --color-ink:       #2A2522;  /* основной marker-чёрный (мягче чистого #000) */
  --color-ink-soft:  #4A4239;  /* вторичные линии */
  --color-muted:     #6B6357;  /* текст-вторичка */
  --color-soft:      #9A9085;  /* плейсхолдеры, лёгкий серый */
  --color-line:      #E5DFD3;  /* нейтральные разделители */

  /* Акценты — для marker-fill пятен и калиграфии */
  --color-gold:      #B8956A;  /* приглушённое золото */
  --color-gold-deep: #8C6E48;  /* тёмное золото — обводки */
  --color-sage:      #7A8F6E;  /* шалфей-зелёный */
  --color-rose:      #C8A8A0;  /* пыльно-розовый */
  --color-sky:       #A8B5C0;  /* пыльно-голубой */
  --color-lavender:  #B4A7C4;  /* пыльно-лиловый */
  --color-mocha:     #A48A75;  /* мокко */

  /* «Запрещённые» цвета для дресс-кода — ярко, чтобы было что зачёркивать */
  --color-bright-red:    #D43E2A;
  --color-bright-pink:   #E84C8E;
  --color-bright-yellow: #F4C12A;
  --color-bright-blue:   #2F6BD4;
  --color-bright-green:  #4CB54E;

  /* Текстура / тени */
  --shadow-soft:     0 12px 32px -20px rgba(42, 37, 34, 0.18);
  --shadow-hover:    0 16px 40px -18px rgba(42, 37, 34, 0.25);
  --shadow-paper:    0 30px 60px -30px rgba(42, 37, 34, 0.35);

  /* ====== Шрифты ====== */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-hand:    "Caveat", "Cormorant Garamond", cursive;

  /* ====== Размеры (clamp для адаптива без media-queries) ====== */
  --fs-hero:      clamp(3rem, 10vw, 8.5rem);
  --fs-display:   clamp(2.25rem, 5.5vw, 4rem);
  --fs-h2:        clamp(1.75rem, 3.5vw, 2.5rem);
  --fs-h3:        clamp(1.25rem, 2vw, 1.5rem);
  --fs-body:      clamp(0.95rem, 1.05vw, 1.0625rem);
  --fs-small:     0.8125rem;
  --fs-eyebrow:   0.75rem;
  --fs-hand:      clamp(1.5rem, 2.4vw, 2rem);
  --fs-hand-lg:   clamp(2rem, 4vw, 3rem);

  /* ====== Spacing ====== */
  --space-4:   4px;
  --space-8:   8px;
  --space-16:  16px;
  --space-24:  24px;
  --space-32:  32px;
  --space-48:  48px;
  --space-64:  64px;
  --space-96:  96px;
  --space-128: 128px;

  /* ====== Marker stroke ====== */
  --stroke-thin:   1.5px;
  --stroke-mid:    2.5px;
  --stroke-thick:  3.5px;

  /* ====== Анимации ====== */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --ease-bounce:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:   200ms;
  --dur-base:   400ms;
  --dur-slow:   1200ms;

  /* ====== Слои ====== */
  --z-bg:        0;
  --z-base:      1;
  --z-overlay:  10;
  --z-nav:      50;
  --z-modal:   100;
  --z-envelope: 200;
}