/* COSIG Painel — Theme (CSS Variables + COSIG Branding) */

/* Google Fonts: Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root,
[data-theme="light"] {
    /* COSIG Brand — Verde #326348 */
    --cosig-green: #326348;
    --cosig-green-light: #3d7a58;
    --cosig-green-dark: #264d37;
    --cosig-accent: #2a9d6e;
    --cosig-gradient: linear-gradient(135deg, #326348 0%, #2a9d6e 100%);
    --cosig-gradient-subtle: linear-gradient(135deg, rgba(50,99,72,0.08) 0%, rgba(42,157,110,0.08) 100%);

    /* Surfaces */
    --bg-primary: #f1f5f3;
    --bg-card: #ffffff;
    --bg-card-hover: #f8faf9;
    --bg-sidebar: #1a2e24;
    --bg-sidebar-hover: rgba(255,255,255,0.08);
    --bg-sidebar-active: rgba(50,99,72,0.25);
    --bg-input: #ffffff;

    /* Text */
    --text-primary: #1a2e24;
    --text-secondary: #5f7a6b;
    --text-tertiary: #8fa89a;
    --text-sidebar: #8fa89a;
    --text-sidebar-hover: #d1e0d8;
    --text-sidebar-active: #ffffff;

    /* Borders */
    --border-color: #dce8e1;
    --border-color-light: #eef3f0;

    /* Shadows */
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.04);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.08), 0 4px 10px rgba(0,0,0,0.04);
    --shadow-xl: 0 20px 40px rgba(0,0,0,0.1);

    /* Status */
    --status-online: #10b981;
    --status-warning: #f59e0b;
    --status-danger: #ef4444;
    --status-info: #326348;
}

[data-theme="dark"] {
    --cosig-green: #3d7a58;
    --cosig-green-light: #4a9169;
    --cosig-green-dark: #326348;
    --cosig-accent: #34d399;
    --cosig-gradient: linear-gradient(135deg, #3d7a58 0%, #34d399 100%);
    --cosig-gradient-subtle: linear-gradient(135deg, rgba(61,122,88,0.12) 0%, rgba(52,211,153,0.12) 100%);

    --bg-primary: #0d1a13;
    --bg-card: #162419;
    --bg-card-hover: #1e3225;
    --bg-sidebar: #0a1410;
    --bg-sidebar-hover: rgba(255,255,255,0.06);
    --bg-sidebar-active: rgba(61,122,88,0.25);
    --bg-input: #162419;

    --text-primary: #e8f0ec;
    --text-secondary: #8fa89a;
    --text-tertiary: #5f7a6b;
    --text-sidebar: #5f7a6b;
    --text-sidebar-hover: #b8ccbf;
    --text-sidebar-active: #ffffff;

    --border-color: #283d30;
    --border-color-light: #1e3225;

    --shadow-xs: 0 1px 2px rgba(0,0,0,0.2);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.2);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.35), 0 4px 10px rgba(0,0,0,0.2);
    --shadow-xl: 0 20px 40px rgba(0,0,0,0.4);

    --status-online: #34d399;
    --status-warning: #fbbf24;
    --status-danger: #f87171;
    --status-info: #4a9169;
}

/* Auto: segue preferencia do OS */
@media (prefers-color-scheme: dark) {
    [data-theme="auto"] {
        --cosig-green: #3d7a58;
        --cosig-green-light: #4a9169;
        --cosig-green-dark: #326348;
        --cosig-accent: #34d399;
        --cosig-gradient: linear-gradient(135deg, #3d7a58 0%, #34d399 100%);
        --cosig-gradient-subtle: linear-gradient(135deg, rgba(61,122,88,0.12) 0%, rgba(52,211,153,0.12) 100%);
        --bg-primary: #0d1a13;
        --bg-card: #162419;
        --bg-card-hover: #1e3225;
        --bg-sidebar: #0a1410;
        --bg-sidebar-hover: rgba(255,255,255,0.06);
        --bg-sidebar-active: rgba(61,122,88,0.25);
        --bg-input: #162419;
        --text-primary: #e8f0ec;
        --text-secondary: #8fa89a;
        --text-tertiary: #5f7a6b;
        --text-sidebar: #5f7a6b;
        --text-sidebar-hover: #b8ccbf;
        --text-sidebar-active: #ffffff;
        --border-color: #283d30;
        --border-color-light: #1e3225;
        --shadow-xs: 0 1px 2px rgba(0,0,0,0.2);
        --shadow-sm: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
        --shadow-md: 0 4px 6px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.2);
        --shadow-lg: 0 10px 25px rgba(0,0,0,0.35), 0 4px 10px rgba(0,0,0,0.2);
        --shadow-xl: 0 20px 40px rgba(0,0,0,0.4);
        --status-online: #34d399;
        --status-warning: #fbbf24;
        --status-danger: #f87171;
        --status-info: #4a9169;
    }
}

@media (prefers-color-scheme: light) {
    [data-theme="auto"] {
        --cosig-green: #326348;
        --cosig-green-light: #3d7a58;
        --cosig-green-dark: #264d37;
        --cosig-accent: #2a9d6e;
        --cosig-gradient: linear-gradient(135deg, #326348 0%, #2a9d6e 100%);
        --cosig-gradient-subtle: linear-gradient(135deg, rgba(50,99,72,0.08) 0%, rgba(42,157,110,0.08) 100%);
        --bg-primary: #f1f5f3;
        --bg-card: #ffffff;
        --bg-card-hover: #f8faf9;
        --bg-sidebar: #1a2e24;
        --bg-sidebar-hover: rgba(255,255,255,0.08);
        --bg-sidebar-active: rgba(50,99,72,0.25);
        --bg-input: #ffffff;
        --text-primary: #1a2e24;
        --text-secondary: #5f7a6b;
        --text-tertiary: #8fa89a;
        --text-sidebar: #8fa89a;
        --text-sidebar-hover: #d1e0d8;
        --text-sidebar-active: #ffffff;
        --border-color: #dce8e1;
        --border-color-light: #eef3f0;
        --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
        --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
        --shadow-md: 0 4px 6px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.04);
        --shadow-lg: 0 10px 25px rgba(0,0,0,0.08), 0 4px 10px rgba(0,0,0,0.04);
        --shadow-xl: 0 20px 40px rgba(0,0,0,0.1);
        --status-online: #10b981;
        --status-warning: #f59e0b;
        --status-danger: #ef4444;
        --status-info: #326348;
    }
}