/*D:\www\GEDService\PortalCliente\main\static\css\variables.css*/
:root {
    /* === CORES BASE === */
    /* Light Theme */
    --bg-color: #ffffff;
    --text-color: #333333;
    --search-bg: #ffffff;
    --search-border: #dfe1e5;
    --search-shadow: rgba(32, 33, 36, 0.28);
    --button-bg: #f8f9fa;
    --button-text: #3c4043;
    --link-color: #1a0dab;
    --url-color: #006621;
    --footer-bg: #f2f2f2;
    --footer-text: #70757a;
    --doc-title-color: #ff0000;
    --page-bg: #e9f7ff;
    --page-border: #cceeff;
    --page-text: #0056b3;
    --button-bg-color: #007bff;
    --button-hover-bg-color: #0cf;
    --button-hover-overlay-color: #008fb3;
    --button-text-color: #fff;
    --button-text-hover-color: #fff;
    --filters-bg: #f8f9fa;
    --alert-color: red;

    /* === GRADIENTES MODERNOS === */
    --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-blue: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    --gradient-search: linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.98));
    --gradient-button: linear-gradient(135deg, #007bff 0%, #0069d9 100%);
    --gradient-card: linear-gradient(to bottom, rgba(255,255,255,0.98), rgba(249,250,251,1));

    /* === SOMBRAS PROFISSIONAIS === */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 12px 32px rgba(0, 0, 0, 0.18);
    --shadow-2xl: 0 20px 48px rgba(0, 0, 0, 0.22);
    --shadow-focus: 0 0 0 3px rgba(66, 133, 244, 0.15);
    --shadow-hover: 0 8px 16px rgba(0, 123, 255, 0.2);

    /* === BORDAS ARREDONDADAS === */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* === TRANSIÇÕES SUAVES === */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 500ms cubic-bezier(0.4, 0, 0.2, 1);

    /* === GLASSMORPHISM === */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-blur: blur(10px) saturate(180%);

    /* === Z-INDEX SYSTEM === */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-loader: 9999;

    /* === SPACING === */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
}

[data-theme="dark"] {
    /* === CORES BASE DARK === */
    --bg-color: #121212;
    --text-color: #e0e0e0;
    --search-bg: #1e1e1e;
    --search-border: #333333;
    --search-shadow: rgba(255, 255, 255, 0.1);
    --button-bg: #2c2c2c;
    --button-text: #e0e0e0;
    --link-color: #4d9aff;
    --url-color: #7cff7c;
    --footer-bg: #1e1e1e;
    --footer-text: #a0a0a0;
    --doc-title-color: #ff6b6b;
    --page-bg: #1e2a38;
    --page-border: #2a3f5f;
    --page-text: #4d9aff;
    --button-bg-color: #4d9aff;
    --button-hover-bg-color: #66b3ff;
    --button-hover-overlay-color: #3385ff;
    --button-text-color: #121212;
    --button-text-hover-color: #121212;
    --filters-bg: #2c2c2c;
    --alert-color: #ff6b6b;

    /* === GRADIENTES DARK === */
    --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-blue: linear-gradient(135deg, #4d9aff 0%, #3385ff 100%);
    --gradient-search: linear-gradient(to bottom, rgba(30,30,30,0.95), rgba(30,30,30,0.98));
    --gradient-button: linear-gradient(135deg, #4d9aff 0%, #3385ff 100%);
    --gradient-card: linear-gradient(to bottom, rgba(30,30,30,0.98), rgba(24,24,24,1));

    /* === SOMBRAS DARK === */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.05);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255,255,255,0.08);
    --shadow-xl: 0 12px 32px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255,255,255,0.1);
    --shadow-2xl: 0 20px 48px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255,255,255,0.12);
    --shadow-focus: 0 0 0 3px rgba(77, 154, 255, 0.25);
    --shadow-hover: 0 8px 16px rgba(77, 154, 255, 0.3);

    /* === GLASSMORPHISM DARK === */
    --glass-bg: rgba(30, 30, 30, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-blur: blur(10px) saturate(180%);
}