:root {
  /* Surfaces */
  --bg: #FFFFFF;
  --surface: #F7F8FB;
  --surface-2: #EDF0F5;
  --border: #E1E5EC;
  --border-strong: #CDD3DC;

  /* Text */
  --text: #0F1729;
  --text-2: #4B5563;
  --text-3: #6B7280;

  /* Accent */
  --accent: #FF6B35;
  --accent-hover: #E25826;
  --accent-soft: #FFF4ED;
  --accent-tint-a: #FFF6F1;
  --accent-tint-b: #FFEDDF;

  /* Semantic */
  --success: #10B981;
  --success-soft: #ECFDF5;
  --warning: #F59E0B;
  --warning-bg: #FFF4E5;
  --warning-fg: #8B4500;
  --warning-border: #FFD18A;
  --danger: #DC2626;

  /* Radii */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-full: 999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(15, 23, 41, 0.04);
  --shadow-sm: 0 2px 8px rgba(15, 23, 41, 0.05);
  --shadow-md: 0 4px 12px rgba(15, 23, 41, 0.06);
  --shadow-lg: 0 12px 32px rgba(15, 23, 41, 0.08);
  --focus-ring: 0 0 0 3px rgba(255, 107, 53, 0.22);

  /* Type */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-num: "Inter", ui-monospace, "SF Mono", Menlo, monospace;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 48px;
  --s-10: 64px;
  --s-11: 80px;
  --s-12: 96px;

  /* Layout */
  --container: 1120px;
  --container-narrow: 760px;
  --header-h: 64px;
}