:root {
    --background: #ffffff;
    --surface: #ffffff;
    --surface-secondary: #f8fafc;
    --text-primary: #0b0f19;
    --text-secondary: #667085;
    --text-muted: #98a2b3;
    --border: #e5e7eb;
    --border-strong: #d0d5dd;
    --accent: #2563eb;
    --accent-soft: #eff6ff;
    --success: #22c55e;
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
    --shadow-lg: 0 24px 70px rgba(15, 23, 42, 0.08);
    --radius-sm: 6px;
    --radius: 8px;
    --font-family: "Inter", Arial, sans-serif;
    --container-width: 1064px;
    --container-padding: 24px;
    --header-height: 76px;
    --transition: 180ms ease;
}

[data-theme="dark"] {
    --background: #050511;
    --surface: #0a0b1a;
    --surface-secondary: #12132b;
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border: #1e293b;
    --border-strong: #334155;
    --accent: #3b82f6;
    --accent-soft: rgba(59, 130, 246, 0.15);
    --shadow-lg: 0 24px 70px rgba(0, 0, 0, 0.5);
}