:root {
  --brand-primary: #0d5bd7;
  --brand-primary-dark: #073e9f;
  --brand-navy: #062a61;
  --brand-accent: #2368ef;
  --page-background: #f7f9fc;
  --surface: #ffffff;
  --surface-muted: #f4f7fb;
  --text: #101828;
  --text-muted: #667085;
  --border: #e4e7ec;
  --success: #12b76a;
  --danger: #f04438;
  --warning: #f79009;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-card: 0 6px 24px rgba(16, 24, 40, 0.06);
  --container-max: 1440px;
}