/* ============================================================
   BagaTur design tokens — v2 parchment revision
   Concept: "Пергамент, Сандъл, Желязо" — стара карта, свитък, сепия
   Sampled from the brand's existing warm-cream visual identity.
   ============================================================ */

:root {
  /* ---------- Color foundation (parchment-first) ---------- */
  --parchment:        #F2E8D5;   /* основен фон, светъл свитък */
  --parchment-warm:   #E8DBC0;   /* secondary повърхности */
  --sand:             #D9C9A3;   /* sandstone акценти */
  --sand-deep:        #BFA678;   /* deeper sandy за hover, borders */

  /* Ink (sepia text) */
  --ink-sepia:        #3F2E1E;   /* основен текст, тежък sepia */
  --ink-soft:         #5C4733;   /* secondary текст */
  --ink-muted:        #8A7558;   /* meta, captions */

  /* Forge / iron accents — рядко */
  --iron-warm:        #6B4F35;   /* wood/forge brown */
  --iron-deep:        #4A3320;   /* по-тъмен accent, footer */

  /* CTA */
  --blood-iron:       #6B3A1E;   /* primary CTA background */
  --blood-iron-hot:   #8A4928;   /* CTA hover */

  /* Single accent */
  --ember:            #B85A20;   /* link / hover / illustrative */
  --ember-dim:        #8C4218;

  /* Legacy aliases — за да не се чупят референции в components.css */
  --ink:              var(--ink-sepia);
  --iron:             var(--parchment-warm);
  --steel:            var(--ink-muted);
  --parchment-text:   var(--ink-sepia);
  --bone:             #FBF5E5;

  /* Utility */
  --hairline:         rgba(63, 46, 30, 0.18);
  --hairline-strong:  rgba(63, 46, 30, 0.35);
  --overlay:          rgba(63, 46, 30, 0.72);
  --overlay-soft:     rgba(63, 46, 30, 0.45);
  --overlay-parch:    rgba(242, 232, 213, 0.85);

  /* ---------- Typography ---------- */
  --font-display:  'Cormorant Garamond', 'Cormorant', serif;
  --font-body:     'Manrope', 'Inter', system-ui, -apple-system, sans-serif;

  --fs-hero:       clamp(2.75rem, 1rem + 7vw, 6rem);
  --fs-h1:         clamp(2.25rem, 1.2rem + 4vw, 4rem);
  --fs-h2:         clamp(1.5rem,  1rem + 2vw, 2.5rem);
  --fs-h3:         clamp(1.25rem, 1rem + 1vw, 1.75rem);
  --fs-body:       clamp(1rem,    0.95rem + 0.3vw, 1.125rem);
  --fs-meta:       clamp(0.875rem,0.85rem + 0.2vw, 1rem);
  --fs-eyebrow:    0.75rem;

  --tracking-tight:  -0.02em;
  --tracking-snug:   -0.01em;
  --tracking-eyebrow: 0.18em;

  --lh-display:     1.05;
  --lh-tight:       1.15;
  --lh-body:        1.65;

  /* ---------- Spacing ---------- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;

  --container-max: 76rem;
  --container-pad: clamp(1.25rem, 5vw, 3rem);

  /* ---------- Motion ---------- */
  --ease-cinematic: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-decisive:  cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:       180ms;
  --dur-medium:     420ms;
  --dur-slow:       900ms;

  /* ---------- Breakpoints (reference) ---------- */
  --bp-sm:  480px;
  --bp-md:  768px;
  --bp-lg:  1024px;
  --bp-xl:  1440px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0ms !important;
    scroll-behavior: auto !important;
  }
}