:root {
      --bg: #f0f3f8;
      --surface: #ffffff;
      --surface2: #f5f7fa;
      --border: #dde3ed;
      --border2: #c5cfe0;
      --cyan: #1e4d8c;
      --green: #1a7340;
      --red: #c0392b;
      --amber: #b7791f;
      --purple: #5b3fa0;
      --text: #111111;
      --text-dim: #1f2937;
      --text-muted: #4b5563;
      --navy: #1e3a5f;
      --navy-dark: #163052;
      --navy-hover: rgba(255, 255, 255, 0.08);
      --mono: 'JetBrains Mono', monospace;
      --sans: 'Plus Jakarta Sans', sans-serif;
      --ease: cubic-bezier(0.4, 0, 0.2, 1);
      --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
      --shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
      --shadow-lg: 0 8px 24px rgba(30, 58, 95, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
    }