/* ═══════════════════════════════════════════════
   PROPERTY FOR EQUITY — Design Tokens v1.1
   Navy + Gold + Ivory · Institutional · Credible
   Palette calibrated for trust, authority, premium.
   All body text meets WCAG AA contrast on white/ivory.
   ═══════════════════════════════════════════════ */

:root {
  /* ── Brand Colors ──
     Navy: deeper, more authoritative (finance/law palette)
     Gold: unified with logo mark — warm premium, not yellow
     Ivory: slightly warmer paper feel */
  --navy:       #0A1628;   /* deepened for gravitas */
  --navy-light: #14294A;   /* institutional midtone */
  --navy-hover: #1B3866;   /* calm lift on hover */
  --navy-90:    rgba(10,22,40,0.90);
  --navy-70:    rgba(10,22,40,0.70);

  --gold:       #BC9A5A;   /* matches logo mark */
  --gold-hover: #D2AE6B;   /* bright hover */
  --gold-deep:  #9C7F45;   /* for text on white (AA) */
  --gold-light: #EDE0C6;   /* subtle cream backgrounds */

  --ivory:      #F6F2EA;   /* warmer paper */
  --white:      #FFFFFF;

  /* ── Secondary Trust Accent ──
     Used for data/charts/secondary callouts so gold stays reserved
     for CTAs and brand moments only. */
  --trust:      #1E3A5F;   /* institutional steel-blue */
  --trust-soft: #E7EDF5;

  /* ── Text Colors (WCAG AA verified) ── */
  --ink:        #0F1923;   /* display/headings — near-black with navy hue */
  --text:       #2A3444;   /* body — AAA on white */
  --muted:      #566374;   /* secondary — AA on white & ivory */
  --light:      #7A8494;   /* tertiary only — never body */

  /* ── UI Colors ── */
  --line:       #D5DEE9;   /* softer institutional border */
  --line-strong:#B6C3D1;
  --soft:       #F7F9FC;
  --soft-2:     #EDF2F8;
  --success:    #276845;   /* deeper, more formal */
  --danger:     #8A3232;   /* muted signal — not alarming */
  --warning:    #8B6A1A;

  /* ── Typography ── */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Font Sizes (responsive) ── */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-md:    1.08rem;
  --text-lg:    1.175rem;
  --text-xl:    1.35rem;
  --text-2xl:   clamp(1.5rem, 2.5vw, 1.75rem);
  --text-3xl:   clamp(1.75rem, 3vw, 2.25rem);
  --text-4xl:   clamp(2rem, 3.5vw, 2.75rem);
  --text-5xl:   clamp(2.25rem, 4vw, 3.25rem);
  --text-6xl:   clamp(2.75rem, 5vw, 4rem);

  /* ── Font Weights ── */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    800;

  /* ── Line Heights ── */
  --lh-tight:   1.2;
  --lh-snug:    1.35;
  --lh-normal:  1.6;
  --lh-relaxed: 1.75;

  /* ── Spacing Scale ── */
  --s1:  0.25rem;   /* 4px */
  --s2:  0.5rem;    /* 8px */
  --s3:  0.75rem;   /* 12px */
  --s4:  1rem;      /* 16px */
  --s5:  1.25rem;   /* 20px */
  --s6:  1.5rem;    /* 24px */
  --s7:  2rem;      /* 32px */
  --s8:  2.5rem;    /* 40px */
  --s9:  3rem;      /* 48px */
  --s10: 4rem;      /* 64px */
  --s11: 5rem;      /* 80px */
  --s12: 6rem;      /* 96px */

  /* ── Layout ── */
  --max-width:  1200px;
  --gutter:     1rem;

  /* ── Border Radius ── */
  --radius-sm:   8px;
  --radius:      12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-full: 999px;

  /* ── Shadows ── */
  --shadow-xs:  0 1px 3px rgba(13,27,42,0.06);
  --shadow-sm:  0 4px 12px rgba(13,27,42,0.06);
  --shadow:     0 8px 24px rgba(13,27,42,0.08);
  --shadow-md:  0 12px 32px rgba(13,27,42,0.10);
  --shadow-lg:  0 20px 48px rgba(13,27,42,0.12);

  /* ── Transitions ── */
  --t-fast:  150ms ease;
  --t-base:  250ms ease;
  --t-slow:  400ms ease;
  --t-cubic: 500ms cubic-bezier(0.16, 1, 0.3, 1);
}