:root {
  color-scheme: light;
  --ink-900: #0f172a;
  --ink-700: #1e293b;
  --ink-600: #475569;
  --ink-500: #64748b;
  --sand-50: #f8fafc;
  --sand-100: #f1f5f9;
  --sage-700: #52525b;
  --sage-600: #d4d4d4;
  --sage-500: #fafafa;
  --sage-400: #a1a1aa;
  --sun-400: #0ea5e9;
  --sky-200: #e0f2fe;
  --white: #ffffff;
  --bg-gradient: linear-gradient(135deg, #f8fafc 0%, #f4f4f5 48%, #fafafa 100%);
  --border: rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 35px 90px rgba(15, 23, 42, 0.12);
  --shadow-md: 0 16px 40px rgba(15, 23, 42, 0.08);
  --shadow-sm: 0 8px 20px rgba(15, 23, 42, 0.06);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --transition: 220ms ease;
}