:root {
    --bg: #ffffff;
    --bg-soft: #fafafa;
    --bg-dark: #0a0a0f;
    --bg-dark-2: #0f1018;
    --surface: #ffffff;
    --surface-dark: #14151f;
    --border: #e5e7eb;
    --border-strong: #d4d4d8;
    --border-dark: #1f2030;
    --text: #0a0a0f;
    --text-on-dark: #fafafa;
    --text-muted: #71717a;
    --text-muted-dark: #9ca3af;
    --brand: #3b82f6;
    --brand-deep: #1d4ed8;
    --brand-soft: #eff6ff;
    --brand-glow: #60a5fa;
    --accent-violet: #8b5cf6;
    --accent-green: #10b981;
    --accent-green-soft: #d1fae5;
    --accent-amber: #f59e0b;
    --accent-amber-soft: #fef3c7;
    --accent-rose: #f43f5e;
    --radius: 12px;
    --radius-sm: 8px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 4px 20px rgba(15, 23, 42, 0.06);
    --shadow-glow: 0 0 40px rgba(59, 130, 246, 0.18);
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --font-display: 'Instrument Serif', Georgia, serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}