/* CardTuned design tokens — the single source of visual truth. */
:root {
  /* Brand */
  --ct-navy: #12141C;
  --ct-blue: #2B57E6;
  --ct-blue-hover: #1A3FBF;
  --ct-blue-soft: #EEF2FD;
  --ct-blue-tint: #F6F8FF;
  --ct-blue-line: #DBE4FB;
  --ct-blue-border: #C7D6F9;
  --ct-blue-dot: #A9BDF1;

  /* Text */
  --ct-text-primary: #12141C;
  --ct-text-body: #344054;
  --ct-text-strong: #1D2939;
  --ct-text-deck: #475467;
  --ct-text-secondary: #667085;
  --ct-text-muted: #98A2B3;

  /* Surfaces */
  --ct-background: #FFFFFF;
  --ct-surface: #FFFFFF;
  --ct-surface-alt: #F8FAFC;
  --ct-border: #E6E8EC;
  --ct-border-strong: #D0D5DD;
  --ct-divider: #EAECF0;
  --ct-divider-light: #F2F4F7;
  --ct-placeholder-a: #F2F4F7;
  --ct-placeholder-b: #E4E9F0;

  /* Semantic (errors only — never brand accents) */
  --ct-error: #B42318;

  /* Type */
  --ct-font-head: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ct-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ct-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Spacing scale */
  --ct-space-4: 4px;
  --ct-space-8: 8px;
  --ct-space-12: 12px;
  --ct-space-16: 16px;
  --ct-space-24: 24px;
  --ct-space-32: 32px;
  --ct-space-48: 48px;
  --ct-space-64: 64px;
  --ct-space-80: 80px;
  --ct-space-96: 96px;

  /* Radius */
  --ct-radius-sm: 6px;
  --ct-radius-md: 10px;
  --ct-radius-lg: 16px;
  --ct-radius-pill: 999px;

  /* Elevation — the only shadow in the system */
  --ct-shadow-hover: 0 14px 30px -22px rgba(4, 12, 44, 0.45);

  /* Layout */
  --ct-container: 1280px;
  --ct-reading: 720px;
  --ct-reading-wide: 880px;
  --ct-sidebar: 296px;
  --ct-gutter: 24px;
  --ct-gutter-mobile: 16px;
  --ct-header-height: 64px;
  --ct-header-height-mobile: 52px;
}