/* ========================================================================
   Component: Base / Tokens
========================================================================== */

:root {
  --c-brand: #2457D6;
  --c-brand-dark: #183FA5;
  --c-text: #172033;
  --c-text-secondary: #687386;
  --c-text-label: #2E3749;
  --c-border: #DFE4EC;
  --c-border-control: #CFD6E2;
  --c-surface: #FFFFFF;
  --c-surface-soft: #FAFBFC;
  --c-canvas: #F3F6FB;
  --c-brand-soft: #EAF0FF;
  --c-choice-selected: #F5F8FF;
  --c-control-muted: #F4F6F9;
  --c-switch: #C9D0DB;
  --c-button-default-text: #38445A;
  --c-success-soft: #EDF8F3;
  --c-success-text: #126947;

  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-md: 13px;
  --font-size-base: 15px;
  --font-size-lg: 18px;
  --font-size-heading-mobile: 28px;
  --font-size-heading-tablet: 34px;
  --font-size-heading-desktop: 38px;
  --font-weight-medium: 600;
  --font-weight-semibold: 650;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;

  --radius-control: 8px;
  --radius-card: 14px;
  --radius-pill: 999px;
  --shadow-card: 0 6px 24px rgba(27, 44, 79, 0.05);
}