/* =============================================================================
   ALLORA AMBASSADOR — Brand Design Tokens
   Source of truth: assets/brand/allora-brand-kit.png
   Exact color hex values from Brand Kit Section 05 Color Guide.
   Typography from Brand Kit Section 04:
   Tan Ashford · Tan Angleton · Arial Nova · Chillink
============================================================================= */

:root {
  /* --- Brand Kit Colors (Section 05) — do not invent replacements --- */
  --orange-slice: #FFB502;
  --vivid-crimson: #FF4375;
  --orange-peel: #FF7D00;
  --light-crimson: #FF9ABA;
  --light-orange: #FFDAC5;
  --lemon: #FAECA2;

  /* --- Supporting neutrals for accessible UI (derived for contrast) --- */
  --espresso: #1F120C;
  --espresso-soft: #3F2A22;
  --warm-stone: #F7EDE6;
  --warm-white: #FFFCFA;
  --border-warm: rgba(31, 18, 12, 0.16);
  --shadow-soft: 0 10px 28px rgba(31, 18, 12, 0.07);
  --shadow-lift: 0 18px 42px rgba(255, 67, 117, 0.14);
  --shadow-pop: 0 12px 0 rgba(31, 18, 12, 0.08);

  /* Darkened brand accents for small text on light backgrounds (kit hues preserved for fills) */
  --crimson-ink: #C41E4A;
  --orange-ink: #B85A00;

  /* --- Semantic tokens --- */
  --color-bg: var(--warm-white);
  --color-bg-soft: #FFE8D8; /* slightly deepened light-orange for text contrast */
  --color-bg-accent: var(--lemon);
  --color-bg-brand: var(--light-crimson);
  --color-text: var(--espresso);
  --color-text-muted: var(--espresso-soft);
  --color-primary: var(--vivid-crimson);
  --color-primary-soft: var(--light-crimson);
  --color-accent: var(--orange-peel);
  --color-accent-bright: var(--orange-slice);
  --color-success: #2F6B4F;
  --color-warning: var(--orange-peel);
  --color-danger: #B42318;
  --color-info: #2A5F7A;

  /* --- Typography
     Headlines use Playfair Display for the bold, high-impact UI style.
     Script accents use Chillink; body prefers Arial Nova from the brand kit.
  --- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-display-alt: "Tan Angleton", "Playfair Display", Georgia, serif;
  --font-logo: "Bodoni Moda", "Playfair Display", Georgia, serif;
  --font-body: "Arial Nova", Arial, Helvetica, sans-serif;
  --font-script: "Chillink", "Segoe Script", cursive;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.35rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.35rem;
  --text-4xl: clamp(2.4rem, 5vw, 3.75rem);
  --text-5xl: clamp(2.8rem, 6vw, 4.5rem);

  --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;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;

  --nav-h: 72px;
  --sidebar-w: 260px;
  --proto-bar-h: 40px;
  --focus-ring: 0 0 0 3px rgba(255, 67, 117, 0.35);
  --transition: 200ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-spring: 420ms cubic-bezier(0.34, 1.4, 0.64, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition: 0ms;
    --transition-spring: 0ms;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}