:root {
  color-scheme: light;
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --white: #ffffff;
  --black: #000000;
  --page-bg: #fafafa;
  --surface: #ffffff;
  --surface-muted: #fafafa;
  --surface-subtle: #f4f4f5;
  --surface-strong: #e4e4e7;
  --surface-overlay: rgba(0, 0, 0, 0.5);

  --text: #18181b;
  --text-muted: #71717a;
  --text-subtle: #a1a1aa;
  --text-inverse: #ffffff;
  --border: #e4e4e7;
  --border-strong: #d4d4d8;
  --border-soft: rgba(0, 0, 0, 0.08);
  --focus: #6a5acd;

  --indigo-50: #f0eefb;
  --indigo-100: #e0dcf5;
  --indigo-200: #c3b9ec;
  --indigo-300: #a396e2;
  --indigo-400: #8373d8;
  --indigo-500: #6a5acd;
  --indigo-600: #5b4dbf;
  --indigo-700: #4c3fa8;
  --indigo-800: #3d3286;
  --indigo-900: #2e2564;

  --lime-100: #ecfccb;
  --lime-300: #bef264;
  --lime-400: #89f336;
  --lime-600: #65a30d;
  --lime-700: #4d7c0f;

  --link: #0099ff;
  --link-hover: #0077cc;

  --red-50: #fef2f2;
  --red-100: #fee2e2;
  --red-200: #fecaca;
  --red-300: #fca5a5;
  --red-400: #f87171;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --red-700: #b91c1c;
  --red-800: #991b1b;
  --red-900: #7f1d1d;
  --red-950: #450a0a;

  --green-50: #f0fdf4;
  --green-100: #dcfce7;
  --green-200: #bbf7d0;
  --green-400: #4ade80;
  --green-600: #16a34a;
  --green-700: #15803d;
  --green-800: #166534;
  --green-900: #14532d;
  --green-950: #052e16;

  --blue-100: #dbeafe;
  --blue-400: #60a5fa;
  --blue-600: #2563eb;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;

  --amber-100: #fef3c7;
  --amber-200: #fde68a;
  --amber-800: #92400e;
  --amber-900: #78350f;

  --yellow-500: #eab308;
  --orange-500: #f97316;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.08), 0 8px 10px rgba(0, 0, 0, 0.03);

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-xl: 0.875rem;
  --radius-full: 999px;

  --select-arrow-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  --select-arrows-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 6l4-4 4 4M6 14l4 4 4-4'/%3e%3c/svg%3e");
}