/* admin-theme.css: Color theme and variables for Optical Lens Admin Panel */
:root {
    --primary-fixed-dim: #b5c8df;
    --primary: #162839;
    --surface-bright: #f6fafb;
    --on-primary: #ffffff;
    --secondary-container: #5cb8fd;
    --secondary: #006397;
    --surface-container-low: #f0f4f5;
    --outline-variant: #c4c6cd;
    --inverse-on-surface: #edf1f2;
    --surface-container-highest: #dfe3e4;
    --on-tertiary-fixed: #291802;
    --on-error: #ffffff;
    --inverse-primary: #b5c8df;
    --on-secondary-fixed-variant: #004b73;
    --surface-container-high: #e5e9ea;
    --inverse-surface: #2c3132;
    --surface-dim: #d7dbdc;
    --tertiary-fixed-dim: #e3c19b;
    --secondary-fixed: #cce5ff;
    --surface-tint: #4e6073;
    --surface-container: #eaeeef;
    --on-tertiary-container: #c1a17d;
    --on-secondary-container: #00476e;
    --tertiary: #362308;
    --surface-container-lowest: #ffffff;
    --on-secondary-fixed: #001d31;
    --error: #ba1a1a;
    --tertiary-container: #4e381c;
    --primary-container: #2c3e50;
    --outline: #74777d;
    --tertiary-fixed: #ffddb7;
    --error-container: #ffdad6;
    --surface: #f6fafb;
    --secondary-fixed-dim: #92ccff;
    --on-tertiary-fixed-variant: #5a4225;
    --on-error-container: #93000a;
    --on-background: #181c1d;
    --background: #f6fafb;
    --on-primary-fixed-variant: #36485b;
    --on-primary-fixed: #091d2e;
    --on-secondary: #ffffff;
    --on-surface: #181c1d;
    --on-tertiary: #ffffff;
    --on-primary-container: #96a9be;
    --primary-fixed: #d1e4fb;
    --surface-variant: #dfe3e4;
    --on-surface-variant: #43474c;
}

.bg-primary { background-color: var(--primary) !important; }
.bg-secondary { background-color: var(--secondary) !important; }
.bg-surface { background-color: var(--surface) !important; }
.bg-primary-container { background-color: var(--primary-container) !important; }
.bg-secondary-container { background-color: var(--secondary-container) !important; }
.bg-surface-container-lowest { background-color: var(--surface-container-lowest) !important; }
.bg-surface-container-high { background-color: var(--surface-container-high) !important; }
.bg-surface-container-highest { background-color: var(--surface-container-highest) !important; }
.bg-error { background-color: var(--error) !important; }

.text-primary { color: var(--primary) !important; }
.text-secondary { color: var(--secondary) !important; }
.text-on-primary { color: var(--on-primary) !important; }
.text-on-surface { color: var(--on-surface) !important; }
.text-outline { color: var(--outline) !important; }
.text-primary-fixed-dim { color: var(--primary-fixed-dim) !important; }
.text-on-surface-variant { color: var(--on-surface-variant) !important; }
.text-error { color: var(--error) !important; }

.border-primary { border-color: var(--primary) !important; }
.border-secondary { border-color: var(--secondary) !important; }
.border-surface-container-high { border-color: var(--surface-container-high) !important; }

.optical-gradient {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);
}