:root {
    --primary: #16a34a;
    --primary-dark: #15803d;
    --primary-light: #22c55e;
    --primary-soft: rgba(22, 163, 74, 0.10);

    --secondary: #0ea5e9;
    --accent: #f59e0b;

    --bg-primary: #f4f8fb;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef3f8;
    --bg-card: rgba(255, 255, 255, 0.92);

    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;

    --border-color: #dbe4ee;
    --border-strong: #cbd8e6;

    --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 10px 28px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 20px 48px rgba(15, 23, 42, 0.12);
    --shadow-xl: 0 30px 90px rgba(15, 23, 42, 0.16);

    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-xl: 32px;

    --transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    --container: 1380px;
}

body.dark-theme {
    --bg-primary: #08111f;
    --bg-secondary: #0f172a;
    --bg-tertiary: #172235;
    --bg-card: rgba(15, 23, 42, 0.94);

    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #7c8ba1;

    --border-color: #233247;
    --border-strong: #31445e;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 10px 28px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.45);
    --shadow-xl: 0 30px 90px rgba(0, 0, 0, 0.55);
}