:root {
  --cj-brand: #0f4c81;
  --cj-brand-dark: #08395f;
  --cj-brand-light: #1a73e8;
  --cj-success: #0e9f6e;
  --cj-surplus: #0f7c82;
  --cj-surplus-soft: #e6f5f5;
  --cj-danger: #c81e1e;
  --cj-warning: #0f7c82;
  --cj-warning-soft: #e6f5f5;
  --cj-bg: #f4f7fb;
  --cj-surface: #ffffff;
  --cj-text: #0b1220;
  --cj-muted: #55637a;
  --cj-border: #dbe3ee;
  --cj-focus: #1a73e8;
  --cj-radius: 12px;
  --cj-radius-sm: 8px;
  --cj-shadow: 0 2px 8px rgba(15, 76, 129, 0.10);
  --cj-shadow-lg: 0 12px 32px rgba(15, 76, 129, 0.16);
  --cj-font: Inter, "Segoe UI", system-ui, sans-serif;
}