/* ============================================================
   variables.css — Burgundy design system tokens
   Pantone reference palette from PROJECT_SPEC.md
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* ── Brand palette ────────────────────────────────────────── */
  --beige:          #F5F0E8;    /* Pantone 9222U  — 35% */
  --burgundy:       #6B2346;    /* Pantone 235U   — 20% */
  --burgundy-light: #8B3560;
  --burgundy-dark:  #4D1A33;
  --forest:         #00594F;    /* Pantone 329U   — 15% */
  --forest-light:   #007A6E;
  --gray:           #7C6F65;    /* Pantone 408U   — 10% */
  --coral:          #E8735A;    /* Pantone 2345U  —  8% */
  --gray-light:     #D5CFC5;    /* Warm Gray 1U   —  6% */
  --dark-gray:      #4A4543;    /* Pantone 405U   —  4% */
  --coral-light:    #F2D4CB;    /* Pantone 489U   —  2% */
  --beige-light:    #FAF7F2;    /* tint of 9222U  */

  /* ── Semantic aliases ────────────────────────────────────── */
  --bg-page:        var(--beige-light);
  --bg-sidebar:     var(--burgundy-dark);
  --bg-card:        #FFFFFF;
  --bg-header:      #FFFFFF;
  --text-primary:   var(--dark-gray);
  --text-secondary: var(--gray);
  --text-on-dark:   #FFFFFF;
  --border:         var(--gray-light);
  --border-subtle:  rgba(124,111,101,0.15);

  /* ── Score / risk color map ──────────────────────────────── */
  --score-low:       #6BAD6B;   /* green   4-5.9  */
  --score-med:       #D4A84B;   /* amber   6-7.4  */
  --score-high:      #E8735A;   /* coral   7.5-8.9 */
  --score-critical:  #C0395A;   /* crimson 9-10   */

  --risk-financial:   #E8735A;
  --risk-operational: #D4A84B;
  --risk-reputational:#7C6F65;
  --risk-compliance:  #6B2346;
  --risk-none:        #6BAD6B;

  /* ── Spacing & radii ─────────────────────────────────────── */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  18px;
  --radius-xl:  24px;

  /* ── Shadows ─────────────────────────────────────────────── */
  --shadow-sm:  0 1px 4px rgba(77,26,51,0.08);
  --shadow-md:  0 4px 16px rgba(77,26,51,0.10);
  --shadow-lg:  0 8px 32px rgba(77,26,51,0.14);
  --shadow-card-hover: 0 8px 28px rgba(107,35,70,0.18);

  /* ── Transitions ─────────────────────────────────────────── */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  /* ── Typography ──────────────────────────────────────────── */
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --font-size-xs:   11px;
  --font-size-sm:   13px;
  --font-size-base: 15px;
  --font-size-lg:   18px;
  --font-size-xl:   22px;
  --font-size-2xl:  28px;
  --font-size-3xl:  36px;

  /* ── Sidebar widths ──────────────────────────────────────── */
  --sidebar-width:      240px;
  --sidebar-collapsed:   68px;
}