:root {
  /* Colors */
  --white: #FFFFFF;
  --off-white: #F7F8FC;
  --blue-light: #EEF2FF;
  --blue-mid: #3B5BDB;
  --blue-mid-dark: #2F49AF;
  --blue-deep: #1E3A8A;
  --blue-ink: #0F1E4A;
  --gray-soft: #E8EAF0;
  --gray-text: #6B7280;
  --gray-muted: #9CA3AF;
  --white-glass: rgba(255, 255, 255, 0.08);
  --red-urgent: #DC2626;

  /* Deadline tag colors */
  --tag-individual-bg: #EEF2FF;
  --tag-individual-text: #3B5BDB;
  --tag-business-bg: #FEF3C7;
  --tag-business-text: #D97706;
  --tag-extended-bg: #ECFDF5;
  --tag-extended-text: #059669;
  --tag-estimated-bg: #F3E8FF;
  --tag-estimated-text: #7C3AED;

  /* Fonts */
  --font-display: 'Sora', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Type scale */
  --text-hero: clamp(40px, 6vw, 68px);
  --text-display: clamp(36px, 5vw, 56px);
  --text-title: clamp(24px, 3vw, 36px);
  --text-lead: clamp(16px, 2vw, 20px);
  --text-body: 16px;
  --text-small: 14px;
  --text-mono: clamp(28px, 4vw, 48px);

  /* Spacing & radius */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-xl: 48px;
  --section-pad: clamp(80px, 10vw, 140px);

  /* Layout */
  --container-max: 1280px;
  --container-pad: clamp(24px, 5vw, 64px);

  /* Easing */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}