/**
 * BRACKENHOLT — CSS Design Tokens & Custom Properties
 * Refined, natural palette, editorial typography, fluid spacing, and elevation tokens.
 */

:root {
  /* Brand Color Palette */
  --color-forest: #183C32;
  --color-forest-dark: #102A24;
  --color-forest-deep: #0B1E19;
  --color-forest-light: #235245;
  --color-forest-translucent: rgba(24, 60, 50, 0.92);
  --color-forest-glass: rgba(16, 42, 36, 0.75);

  --color-ivory: #F7F5EF;
  --color-ivory-light: #FAF9F5;
  --color-ivory-subtle: #F0ECE1;
  --color-ivory-translucent: rgba(247, 245, 239, 0.95);

  --color-sandstone: #D8C9B4;
  --color-sandstone-light: #EBE3D6;
  --color-sandstone-dark: #B5A288;

  --color-sage: #A8B4A0;
  --color-sage-light: #C4CEC0;
  --color-sage-subtle: rgba(168, 180, 160, 0.15);

  --color-charcoal: #242A27;
  --color-charcoal-muted: #525C57;
  --color-charcoal-light: #7A8580;

  --color-white: #FFFFFF;
  --color-border: #E5E2DA;
  --color-border-dark: #2F4D44;
  --color-border-light: rgba(247, 245, 239, 0.18);

  /* Functional Tones */
  --color-success: #2B6E4F;
  --color-info: #355C7D;
  --color-warning: #B37D28;
  --color-error: #9B3B3B;

  /* Typography Stacks */
  --font-serif: 'Newsreader', 'Cormorant Garamond', Georgia, Cambria, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Font Scales (Fluid with clamp) */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem); /* 12-13px */
  --text-sm: clamp(0.8125rem, 0.76rem + 0.26vw, 0.875rem); /* 13-14px */
  --text-base: clamp(0.9375rem, 0.88rem + 0.28vw, 1.0625rem); /* 15-17px */
  --text-md: clamp(1.0625rem, 0.98rem + 0.4vw, 1.25rem); /* 17-20px */
  --text-lg: clamp(1.25rem, 1.12rem + 0.65vw, 1.5rem); /* 20-24px */
  --text-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem); /* 24-32px */
  --text-2xl: clamp(1.875rem, 1.6rem + 1.4vw, 2.625rem); /* 30-42px */
  --text-3xl: clamp(2.35rem, 1.95rem + 2vw, 3.5rem); /* 38-56px */
  --text-hero: clamp(2.75rem, 2.1rem + 3.2vw, 5.25rem); /* 44-84px */

  /* Line Heights */
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  /* Spacing Scale */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 6.5rem;
  --space-section: clamp(4rem, 6vw, 7.5rem);

  /* Containers */
  --container-max: 1320px;
  --container-narrow: 880px;
  --container-editorial: 720px;
  --container-padding: clamp(1.25rem, 3.5vw, 2.5rem);

  /* Borders & Radii */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 9999px;

  /* Restrained Shadows */
  --shadow-subtle: 0 2px 8px rgba(36, 42, 39, 0.05);
  --shadow-card: 0 4px 20px rgba(36, 42, 39, 0.08);
  --shadow-hover: 0 10px 30px rgba(36, 42, 39, 0.12);
  --shadow-drawer: -8px 0 32px rgba(16, 42, 36, 0.2);

  /* Transitions */
  --ease-editorial: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 180ms ease;
  --transition-normal: 300ms var(--ease-editorial);
  --transition-slow: 500ms var(--ease-editorial);

  /* Z-Indices */
  --z-header: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
}