@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap");

:root {
    color-scheme: light;

    /* Brand colors */
    --primary: #0369a1;
    --primary-dark: #075985;
    --primary-light: #38bdf8;
    --secondary: #0891b2;
    --accent: #f59e0b;

    /* Status colors */
    --success: #059669;
    --success-light: #d1fae5;
    --danger: #dc2626;
    --danger-light: #fee2e2;
    --warning: #d97706;
    --warning-light: #fef3c7;

    /* Page colors */
    --background: #f3f8fb;
    --background-secondary: #eaf4f8;
    --surface: #ffffff;
    --surface-soft: #f7fbfd;
    --surface-hover: #eef7fa;

    /* Text colors */
    --heading: #102a3a;
    --text: #415d6c;
    --text-muted: #718896;
    --text-inverse: #ffffff;

    /* Border and shadows */
    --border: #dce9ef;
    --border-strong: #c4dae4;
    --shadow-small: 0 8px 24px rgba(16, 42, 58, 0.07);
    --shadow-medium: 0 18px 45px rgba(16, 42, 58, 0.1);
    --shadow-large: 0 30px 75px rgba(16, 42, 58, 0.15);

    /* Priority colors */
    --priority-low: #0d9488;
    --priority-low-bg: #ccfbf1;
    --priority-medium: #d97706;
    --priority-medium-bg: #fef3c7;
    --priority-high: #dc2626;
    --priority-high-bg: #fee2e2;

    /* Fonts */
    --font-body: "Inter", sans-serif;
    --font-heading: "Manrope", sans-serif;

    /* Layout */
    --container-width: 1180px;
    --header-height: 82px;

    /* Radius */
    --radius-small: 10px;
    --radius-medium: 16px;
    --radius-large: 24px;
    --radius-round: 999px;

    /* Animation */
    --transition-fast: 0.2s ease;
    --transition: 0.3s ease;
}

/* Dark Theme */

[data-theme="dark"] {
    color-scheme: dark;

    --primary: #38bdf8;
    --primary-dark: #7dd3fc;
    --primary-light: #0ea5e9;
    --secondary: #22d3ee;
    --accent: #fbbf24;

    --success: #34d399;
    --success-light: rgba(16, 185, 129, 0.16);
    --danger: #f87171;
    --danger-light: rgba(239, 68, 68, 0.16);
    --warning: #fbbf24;
    --warning-light: rgba(245, 158, 11, 0.16);

    --background: #071821;
    --background-secondary: #0b202b;
    --surface: #102a36;
    --surface-soft: #0c232e;
    --surface-hover: #173744;

    --heading: #f1f8fb;
    --text: #bdd0d9;
    --text-muted: #89a3af;
    --text-inverse: #071821;

    --border: #214553;
    --border-strong: #326171;

    --shadow-small: 0 8px 24px rgba(0, 0, 0, 0.18);
    --shadow-medium: 0 18px 45px rgba(0, 0, 0, 0.24);
    --shadow-large: 0 30px 75px rgba(0, 0, 0, 0.32);

    --priority-low: #5eead4;
    --priority-low-bg: rgba(20, 184, 166, 0.17);
    --priority-medium: #fbbf24;
    --priority-medium-bg: rgba(245, 158, 11, 0.17);
    --priority-high: #fca5a5;
    --priority-high-bg: rgba(239, 68, 68, 0.17);
}