:root{
  /* Brand */
  --cnv-blue: #0E3A5D;
  --cnv-blue-ink: #0B2E49;
  --cnv-white: #FFFFFF;
  --cnv-charcoal: #2A2A2A;
  --cnv-muted: #F4F6F8;

  /* Text */
  --text: var(--cnv-charcoal);
  --text-muted: #5A6772;
  --border: rgba(14,58,93,0.14);

  /* Typography */
  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  --fs-xxl: 42px;
  --fs-xl: 30px;
  --fs-lg: 20px;
  --fs-md: 16px;
  --fs-sm: 14px;

  /* Layout */
  --container: 1120px;
  --radius: 10px;
  --radius-lg: var(--radius);

  /* Spacing */
  --s-1: 6px;
  --s-2: 10px;
  --s-3: 14px;
  --s-4: 18px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 44px;
  --s-8: 64px;

  /* Shadow */
  --shadow: 0 10px 30px rgba(0,0,0,0.08);
  --shadow-soft: 0 8px 22px rgba(0,0,0,0.06);
}