:root {
    --primary: #06b6d4;
    --secondary: #0e7490;
    --accent: #a5f3fc;
    --background: #f8fafc;
    --surface: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #e2e8f0;
    --button: #06b6d4;
    --button-hover: #0891b2;
    --navbar: #ffffff;
    --footer: #0f172a;
    --success: #16a34a;
    --warning: #f59e0b;
    --danger: #dc2626;
    --radius: 14px;
    --radius-sm: 8px;
    --shadow-sm: 0 1px 2px rgba(15,23,42,0.06);
    --shadow-md: 0 8px 24px rgba(15,23,42,0.08);
    --shadow-lg: 0 20px 48px rgba(15,23,42,0.12);
}

[data-theme="dark"] {
    --background: #0b1220;
    --surface: #111a2e;
    --text: #f1f5f9;
    --muted: #94a3b8;
    --border: #1e293b;
    --navbar: #0f172a;
}