:root {
  /* Brand palette. Do not add page-level HEX colors outside this file. */
  --color-bg: #f7fbff;
  --color-bg-deep: #07111f;

  --color-surface: #ffffff;
  --color-surface-soft: #eef7ff;
  --color-surface-green: #ecfdf5;
  --color-surface-raised: #fbfdff;
  --color-surface-table: #f8fbff;

  --color-blue: #176bff;
  --color-blue-dark: #0b3f9c;
  --color-blue-strong: #0e55d8;
  --color-blue-soft: #dcecff;

  --color-green: #18b981;
  --color-green-dark: #087857;
  --color-green-soft: #dffbf1;

  --color-black: #07111f;
  --color-text: #111827;
  --color-muted: #6b7280;
  --color-border: #c7d7ea;
  --color-white: #ffffff;
  --color-on-dark: #f8fafc;
  --color-on-dark-muted: #d7e8ff;

  --color-danger: #dc2626;
  --color-danger-soft: #fee2e2;

  --color-warning: #f59e0b;
  --color-warning-dark: #8a4f04;
  --color-warning-soft: #fff7ed;

  --color-disabled: #94a3b8;
  --color-disabled-soft: #f1f5f9;

  --rgb-black: 7, 17, 31;
  --rgb-blue: 23, 107, 255;
  --rgb-green: 24, 185, 129;
  --rgb-border: 199, 215, 234;
  --rgb-danger: 220, 38, 38;
  --rgb-warning: 245, 158, 11;
  --rgb-white: 255, 255, 255;
  --rgb-surface-soft: 238, 247, 255;

  --shadow-raised: 0 8px 18px rgba(15, 60, 120, 0.14);
  --shadow-card: 0 14px 34px rgba(15, 60, 120, 0.10);
  --shadow-button: 0 4px 0 rgba(var(--rgb-black), 0.22);
  --shadow-button-pressed: 0 1px 0 rgba(var(--rgb-black), 0.24);

  --radius-card: 18px;
  --radius-button: 12px;
  --radius-pill: 999px;

  --button-min-height: 46px;
  --button-padding-x: 17px;
  --button-small-min-height: 36px;
  --button-small-padding-x: 12px;

  --text-page-title: 34px;
  --text-section-title: 24px;
  --text-lead: 16px;
  --text-summary: 20px;
  --text-card-value: 24px;

  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
}