/* Design Tokens — TARNOVSKI Live Brands™ */
:root {
  /* ── Brand Colors (19 + black/white) ── */
  --clr-deep-purple: #3B384A;
  --clr-rose: #C87FA2;
  --clr-dark: #1A2B2B;
  --clr-sage: #BAC5CB;
  --clr-charcoal: #363F43;
  --clr-gold: #F0D074;
  --clr-pale-gold: #F5DE9E;
  --clr-mauve: #9D9BA4;
  --clr-blush: #E3BFD0;
  --clr-warm-grey: #8C9595;
  --clr-light-grey: #DDE2E5;
  --clr-steel: #8D9294;
  --clr-cream: #F9E9B9;
  --clr-lavender-grey: #D8D7DB;
  --clr-pink: #F4E5EC;
  --clr-cool-grey: #D1D5D5;
  --clr-ice: #F1F3F5;
  --clr-neutral-grey: #D7D9D9;
  --clr-warm-white: #FCF6E3;

  /* ── Semantic Aliases ── */
  --color-black: var(--clr-dark);
  --color-white: #ffffff;
  --color-text: var(--clr-dark);
  --color-text-muted: var(--clr-charcoal);
  --color-text-light: var(--clr-warm-grey);
  --color-accent: var(--clr-rose);
  --color-primary: var(--clr-deep-purple);
  --color-link: var(--clr-dark);
  --color-link-hover: var(--clr-rose);
  --color-surface: var(--clr-ice);
  --color-surface-alt: var(--clr-warm-white);
  --color-border: var(--clr-neutral-grey);
  --color-bg-dark: var(--clr-dark);
  --color-bg-consultancy: var(--clr-warm-white);

  /* ── Typography (fluid scale via clamp) ── */
  --font-family: 'TLB', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.8rem, 5vw + 1rem, 5.5rem);
  --fs-h1: clamp(2.2rem, 4vw + 0.5rem, 4.5rem);
  --fs-h2: clamp(1.8rem, 3vw + 0.4rem, 3.2rem);
  --fs-h3: clamp(1.4rem, 2vw + 0.3rem, 2rem);
  --fs-h4: clamp(1.15rem, 1.2vw + 0.3rem, 1.5rem);
  --fs-body: clamp(1rem, 0.8vw + 0.5rem, 1.125rem);
  --fs-small: clamp(0.85rem, 0.6vw + 0.5rem, 0.95rem);
  --fs-label: clamp(0.7rem, 0.5vw + 0.4rem, 0.8rem);

  /* ── Spacing ── */
  --space-xs: clamp(0.25rem, 0.5vw, 0.5rem);
  --space-sm: clamp(0.5rem, 1vw, 1rem);
  --space-md: clamp(1rem, 2vw, 2rem);
  --space-lg: clamp(1.5rem, 3vw, 3rem);
  --space-xl: clamp(2rem, 5vw, 5rem);
  --space-2xl: clamp(3rem, 7vw, 8rem);
  --space-3xl: clamp(4rem, 10vw, 12rem);

  /* ── Layout ── */
  --max-width: 1200px;
  --max-width-wide: 1400px;
  --header-height: 80px;

  /* ── Transitions ── */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* ── Z-index layers ── */
  --z-header: 1000;
  --z-overlay: 900;
  --z-modal: 2000;
}