/* ============================================================
   ХРУПКИЙ МИР — Design Tokens
   Бренд: часы ручной работы из сухоцветов
   Эстетика: тихая ботаническая роскошь / editorial luxury
   ============================================================ */

:root {
  /* --- Brand palette (коричневый · бежевый · золотой · чёрный · оранжевый) --- */
  --c-ink:        #1a1410;   /* почти чёрный, тёплый кофе — основной фон */
  --c-ink-2:      #241c16;   /* поверхность/карточки на тёмном */
  --c-espresso:   #3a2c20;   /* кофейный коричневый */
  --c-bronze:     #6b4f37;   /* бронза/дерево */
  --c-sand:       #c9b89a;   /* бежевый/песок */
  --c-cream:      #f4ecdd;   /* кремовый — светлый фон */
  --c-paper:      #faf6ee;   /* «крафт-бумага», почти белый тёплый */
  --c-gold:       #c9a14a;   /* золото — акцент, линии, лого */
  --c-gold-soft:  #d9bd7e;   /* мягкое золото для ховеров */
  --c-orange:     #c8702d;   /* тёплый оранжевый — CTA-акцент */
  --c-orange-2:   #e08a3c;   /* оранжевый светлее (hover) */

  /* --- Semantic tokens (светлая база) --- */
  --bg:            var(--c-paper);
  --bg-alt:        var(--c-cream);
  --surface:       #ffffff;
  --text:          #221a13;
  --text-muted:    #6f6052;
  --text-faint:    #998b7c;
  --border:        #e6dcc9;
  --accent:        var(--c-orange);
  --accent-hover:  var(--c-orange-2);
  --gold:          var(--c-gold);

  /* --- Тёмные секции (hero / footer) --- */
  --dark-bg:       var(--c-ink);
  --dark-surface:  var(--c-ink-2);
  --dark-text:     #f1e8d8;
  --dark-muted:    #b8a98f;
  --dark-border:   rgba(201,161,74,0.22);

  /* --- Типографика --- */
  --font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif; /* заголовки */
  --font-body:    "Manrope", -apple-system, "Segoe UI", sans-serif;          /* текст */
  --font-brand:   "Gill Sans Light C", "Gill Sans", var(--font-body);        /* лого/навигация */

  --fs-hero:   clamp(2.6rem, 6vw, 5.2rem);
  --fs-h1:     clamp(2.1rem, 4.5vw, 3.6rem);
  --fs-h2:     clamp(1.7rem, 3.2vw, 2.6rem);
  --fs-h3:     clamp(1.25rem, 2vw, 1.6rem);
  --fs-lead:   clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-body:   1rem;
  --fs-sm:     0.875rem;
  --fs-eyebrow:0.78rem;

  --lh-tight:  1.1;
  --lh-snug:   1.3;
  --lh-body:   1.7;
  --tracking-wide: 0.22em;  /* для eyebrow/навигации капсом */

  /* --- Spacing scale (8px rhythm) --- */
  --s-1: 0.25rem;  --s-2: 0.5rem;  --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;    --s-8: 3rem;    --s-10: 4rem;
  --s-12: 6rem;    --s-16: 8rem;   --s-20: 10rem;

  /* --- Layout --- */
  --container:    1240px;
  --container-narrow: 820px;
  --radius-sm: 4px;
  --radius:    10px;
  --radius-lg: 18px;

  /* --- Тени (мягкие, тёплые) --- */
  --shadow-sm: 0 2px 10px rgba(58,44,32,0.06);
  --shadow:    0 14px 40px -16px rgba(58,44,32,0.22);
  --shadow-lg: 0 30px 70px -24px rgba(26,20,16,0.40);

  /* --- Motion --- */
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:  180ms;
  --dur:       320ms;
  --dur-slow:  520ms;

  /* --- z-index scale --- */
  --z-nav: 100;  --z-overlay: 200;  --z-modal: 300;  --z-toast: 400;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}