/* =====================================================================
   AUREON — DESIGN TOKENS
   The single source of truth for the brand. Change values here and the
   entire platform (site + admin) updates. WCAG-checked contrast.
   ===================================================================== */
:root {
  /* ---- Brand palette ---- */
  --navy:        #071B35;   /* primary — trust, authority */
  --navy-700:    #0C2547;
  --navy-600:    #123059;
  --gold:        #C8A24A;   /* accent — premium, wealth */
  --gold-600:    #B8912F;
  --gold-100:    #F2E9D2;
  --white:       #FFFFFF;
  --beige:       #F7F3EA;   /* soft luxe background */
  --beige-200:   #EDE6D6;
  --charcoal:    #1C1C1C;   /* text ink */
  --ink-70:      #414651;
  --ink-50:      #6B7280;
  --line:        #E4DDCF;   /* hairline dividers on beige */
  --line-navy:   rgba(255,255,255,.12);

  /* ---- Semantic (light site) ---- */
  --bg:          var(--white);
  --bg-soft:     var(--beige);
  --surface:     var(--white);
  --text:        var(--charcoal);
  --text-muted:  var(--ink-50);
  --text-soft:   var(--ink-70);
  --border:      var(--line);
  --accent:      var(--gold);
  --accent-ink:  #6B551F;   /* gold text on light — AA compliant */

  /* ---- Status ---- */
  --ok:      #2E7D5B;
  --ok-bg:   #E6F2EC;
  --warn:    #B7791F;
  --warn-bg: #FBF0DC;
  --danger:  #B23B3B;
  --danger-bg:#F7E7E7;
  --info:    #2B5C8A;
  --info-bg: #E6EEF6;

  /* ---- Typography ---- */
  --font-display: 'Marcellus', 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fs-xs:  .78rem;
  --fs-sm:  .875rem;
  --fs-base: 1rem;
  --fs-md:  1.125rem;
  --fs-lg:  1.375rem;
  --fs-xl:  1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-4xl: clamp(2.6rem, 6vw, 4.75rem);
  --lh-tight: 1.12;
  --lh-snug:  1.3;
  --lh-body:  1.65;
  --tracking-wide: .18em;
  --tracking:      .04em;

  /* ---- Spacing (8pt rhythm) ---- */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4rem;
  --s-9: 6rem;   --s-10: 8rem;

  /* ---- Radius ---- */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-xl: 24px; --r-pill: 999px;

  /* ---- Shadow (warm, soft — luxury not harsh) ---- */
  --sh-sm: 0 1px 2px rgba(7,27,53,.06), 0 1px 3px rgba(7,27,53,.05);
  --sh-md: 0 8px 24px rgba(7,27,53,.08), 0 2px 6px rgba(7,27,53,.05);
  --sh-lg: 0 24px 60px rgba(7,27,53,.14), 0 8px 20px rgba(7,27,53,.08);
  --sh-gold: 0 12px 34px rgba(200,162,74,.28);

  /* ---- Layout ---- */
  --container: 1240px;
  --container-narrow: 860px;
  --header-h: 82px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur: .28s;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}