/* ============================================================
   CanyonOps design tokens
   Exact values from the CanyonOps design system
   (matches app/globals.css names in the product repo).
   ============================================================ */
:root {
  /* Brand */
  --navy: #1B3A5C;
  --navy-dark: #122844;
  --navy-mid: #234B73;
  --navy-light: #2D5A8A;
  --gold: #B08A3E;
  --gold-light: #C9A961;
  --gold-pale: #FAF3E0;
  --gold-muted: #8F6E30;
  --sky: #7EC8E3;
  --sky-light: #C5E8F4;
  --sky-pale: #EBF6FB;

  /* Neutrals */
  --white: #FFFFFF;
  --off-white: #F5F7FA;
  --text: #1A1E2C;
  --text-secondary: #4A5568;
  --muted: #6B7A99;
  --border: #E2E8F0;
  --border-light: #EDF2F7;

  /* Paper (cream) */
  --paper: #FAF7F1;
  --paper-border: #E8E1D0;
  --paper-ink: #4A4238;

  /* Semantic */
  --green: #2E7D5E;
  --green-soft: #EAF5F0;
  --amber: #C07A1A;
  --amber-soft: #FFFBEB;
  --blue: #2E5EAA;
  --blue-soft: #EEF2F9;
  --red: #B84848;
  --red-soft: #FAEFEF;
  --purple: #6D4FA8;
  --purple-soft: #F1EDF8;

  /* Category colors */
  --cat-financial: #B8973A;
  --cat-tax: #2E7D5E;
  --cat-insurance: #2E5EAA;
  --cat-estate: #6D4FA8;
  --cat-investment: #1B3A5C;

  /* Radii */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);
  --shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --glow-sky: 0 0 0 3px rgba(126, 200, 227, .25);

  /* Type */
  --font-heading: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}