:root {
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body: 'Figtree', system-ui, sans-serif;
  --font-size: 16px;

  --dark-bg: #0A0E14;
  --dark-surface: #141922;
  --dark-surface-elevated: #1C2230;
  --dark-border: rgba(255, 255, 255, 0.08);
  --dark-border-strong: rgba(255, 255, 255, 0.12);

  --white: #FFFFFF;
  --off-white: #E8EAED;
  --light-gray: #9CA3AF;
  --deep-blue: #5B8DEE;
  --blue-bright: #6B9EFF;
  --blue-glow: rgba(91, 141, 238, 0.15);
  --warm-orange: #FF9D5C;
  --orange-bright: #FFB380;
  --orange-glow: rgba(255, 157, 92, 0.15);

  --background: var(--dark-bg);
  --foreground: var(--off-white);
  --card: var(--dark-surface);
  --card-foreground: var(--off-white);
  --card-elevated: var(--dark-surface-elevated);
  --primary: var(--deep-blue);
  --primary-foreground: var(--white);
  --primary-hover: var(--blue-bright);
  --primary-glow: var(--blue-glow);
  --accent: var(--warm-orange);
  --accent-foreground: var(--dark-bg);
  --accent-hover: var(--orange-bright);
  --accent-glow: var(--orange-glow);
  --border: var(--dark-border);
  --border-strong: var(--dark-border-strong);
  --destructive: #EF4444;
  --radius: 0.75rem;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
}