/* ========================================
   STILETTO FURNITURE DESIGN TOKENS
   Design System v2 — "Charcoal & Walnut" (final)
   Supersedes v1 "Walnut & Sage" — kept as brand-kit/design-system-v1-archive.md
   Kos-komerc d.o.o.
   ======================================== */

:root {

  /* ---- Charcoal (Structure) ---- */
  --charcoal-900: #1a1a1a; /* nav, footer, dark bands, primary structural color */
  --charcoal-800: #2a2a28;
  --charcoal-700: #3d3d3a;
  --charcoal-600: #565650;

  /* ---- Walnut (Primary Accent — the "life" color) ---- */
  --walnut-900: #2e2117;
  --walnut-800: #4a3524;
  --walnut-700: #6b4a30; /* material label text, deep accent */
  --walnut-600: #8a4a26; /* hover state for primary accent */
  --walnut-500: #b25f32; /* true logo/acorn tone — primary CTA, links, dividers */
  --walnut-400: #c98859;
  --walnut-300: #ddad85;
  --walnut-200: #ecd2b8;
  --walnut-100: #f5e6d3;
  --walnut-50:  #faf3e9;

  /* ---- Sage (Tertiary — minor badge accent only) ----
     v5.1 Japandi: shifted to muted olive-gray from Color inspiration */
  --sage-700: #7a7b68;
  --sage-bg: #eef0e8;
  --sage-text: #5b5c4e;

  /* ---- Canvas (Warm-Neutral Base) ----
     v5.1 Japandi retint: greige scale from Color inspiration
     (#F2ECE4 / #D8CEC0 / #B5A695) */
  --canvas-50:  #f7f3ec;
  --canvas-100: #f2ece4; /* primary page background */
  --canvas-200: #e9e1d5; /* card backgrounds */
  --canvas-300: #d8cec0; /* borders, dividers */
  --canvas-400: #b5a695; /* imagery backdrop tint */

  /* ---- Ink (Text) ----
     v5.1 Japandi: warm brown-charcoal scale anchored on #3A322B */
  --ink-900: #3a322b;
  --ink-700: #52483d;
  --ink-500: #8a7d6d;
  --ink-400: #a89a89;
  --ink-border: #d8cec0;

  /* ---- Logo Red — reserved for logo mark only, NOT a UI color ---- */
  --logo-red: #c9252b;

  /* ---- Semantic ---- */
  --success: var(--sage-700);
  --warning: #b28a3a;
  --error: #a8452e;   /* rust-600 — distinct from logo-red on purpose */
  --info: #6b8a9e;

  /* ---- Typography ----
     Closest free equivalents to Coastal Wealth's licensed fonts (kept from v1):
     Playfair Display  ~ Marlide Display
     Source Serif 4     ~ Minion Pro
     DM Sans            ~ Neue Haas Grotesk Display Pro */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body-serif: 'Source Serif 4', Georgia, serif;
  --font-ui: 'DM Sans', -apple-system, 'Segoe UI', sans-serif;

  --text-hero: clamp(2.5rem, 5vw, 4.5rem);
  --text-display: 2.5rem;
  --text-heading: 1.5rem;
  --text-subheading: 1.125rem;
  --text-body-serif: 1.1875rem;
  --text-body-sans: 1rem;
  --text-overline: 0.75rem;
  --text-caption: 0.8125rem;

  /* ---- Spacing ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* ---- Shadow ---- */
  --shadow-sm: 0 1px 3px rgba(26,26,26,0.06);
  --shadow-md: 0 4px 16px rgba(26,26,26,0.10);
  --shadow-lg: 0 12px 40px rgba(26,26,26,0.14);
  --shadow-xl: 0 24px 64px rgba(26,26,26,0.18);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 200ms;
  --duration-normal: 400ms;

  /* ---- Radius (kept near-sharp — furniture geometry, not bubbly UI) ---- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* ---- v5 "Editorial Dark" additions ----
     v5.1 Japandi: dark bands are warm brown-charcoal (#3A322B family),
     on-dark text mirrors the greige canvas scale */
  --night-950: #3a322b;   /* dark band background */
  --night-900: #453c33;   /* raised surfaces on dark */
  --night-800: #52483d;   /* hover surfaces on dark */
  --paper-100: #f2ece4;   /* headline on dark (= canvas-100) */
  --paper-300: #d8cec0;   /* body text on dark */
  --paper-500: #a89a89;   /* muted labels on dark */
  --line-on-dark: rgba(242, 236, 228, 0.16);

  /* ---- v5.1 Earth (Japandi primary accent — softer than walnut-500) ---- */
  --earth-500: #8b6b4f;   /* buttons, links, accents on light */
  --earth-600: #75573e;   /* hover */
  --earth-300: #b39274;   /* accent on dark bands */

  --font-mono: 'DM Mono', 'Courier New', monospace;
  --text-mega: clamp(3rem, 9vw, 8.5rem);          /* statement hero headline */
  --text-statement: clamp(1.75rem, 4vw, 3.5rem);  /* editorial statement blocks */
  --text-label: 0.6875rem;                        /* mono uppercase labels, ls .14em */

  --ease-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --duration-slow: 900ms;
  --duration-reveal: 1200ms;
}