@charset "utf-8";
/* CSS Document */

:root {

    --brand-primary: #38bdf8;
    --brand-link: #22d3ee;

    --navbar-bg: #08111f;
    --navbar-text: #f8fafc;

    --footer-bg-tech: #FF6600;
    --footer-bg-customer: #0d6efd;
    --footer-bg-guest: #DFE6E7;

    --page-bg-start: #edf7fb;
    --page-bg-end: #f8fbff;

    --card-bg: rgba(255, 255, 255, 0.9);
    --card-border: rgba(34, 211, 238, 0.18);

    --text-primary: #102033;
    --text-secondary: #5f7488;

    --bos-surface-page: #f4f7fb;
    --bos-surface-shell: #f8fbff;
    --bos-surface-elevated: #ffffff;
    --bos-surface-card: #ffffff;
    --bos-surface-nav: #ffffff;
    --bos-surface-input: #ffffff;
    --bos-surface-table-header: #f8fafc;
    --bos-surface-table-row: #ffffff;
    --bos-surface-hover: #f6f9fc;
    --bos-surface-selected: #eef5fc;
    --bos-text-primary: #172033;
    --bos-text-secondary: #34465a;
    --bos-text-muted: #607084;
    --bos-text-code: #102033;
    --bos-border-default: #d7dde5;
    --bos-border-strong: #c8d1dc;
    --bos-link: #235a97;
    --bos-link-hover: #174a7f;
    --bos-link-visited: #315b8b;
    --bos-focus-ring: rgba(37, 99, 235, .28);
    --bos-success-surface: #e8f5ee;
    --bos-success-text: #1f5f3c;
    --bos-warning-surface: #fff8e6;
    --bos-warning-text: #7a4d00;
    --bos-danger-surface: #fef2f2;
    --bos-danger-text: #991b1b;
    --bos-info-surface: #eef6ff;
    --bos-info-text: #075985;
    --bos-shadow-elevated: 0 12px 28px rgba(15, 23, 42, .08);
    --bos-overlay: rgba(16, 32, 51, .36);
    --bos-scrollbar-track: #e2e8f0;
    --bos-scrollbar-thumb: #94a3b8;

}

html[data-theme="dark"],
body.dark-mode,
.theme-dark {
    --page-bg-start: #08111f;
    --page-bg-end: #0f172a;
    --card-bg: rgba(17, 28, 49, .96);
    --card-border: rgba(148, 163, 184, .22);
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --bos-surface-page: #08111f;
    --bos-surface-shell: #0f172a;
    --bos-surface-elevated: #111c31;
    --bos-surface-card: #111c31;
    --bos-surface-nav: #162238;
    --bos-surface-input: #0f172a;
    --bos-surface-table-header: #162238;
    --bos-surface-table-row: #111c31;
    --bos-surface-hover: #1d2b45;
    --bos-surface-selected: #1e3a5f;
    --bos-text-primary: #f8fafc;
    --bos-text-secondary: #dbe5f4;
    --bos-text-muted: #a9b4c7;
    --bos-text-code: #f1f5f9;
    --bos-border-default: #29364e;
    --bos-border-strong: #3a4a66;
    --bos-link: #7dd3fc;
    --bos-link-hover: #bae6fd;
    --bos-link-visited: #c4b5fd;
    --bos-focus-ring: rgba(125, 211, 252, .32);
    --bos-success-surface: #0f2f27;
    --bos-success-text: #86efac;
    --bos-warning-surface: #3a2a0e;
    --bos-warning-text: #fde68a;
    --bos-danger-surface: #3b1218;
    --bos-danger-text: #fecaca;
    --bos-info-surface: #0f2a3f;
    --bos-info-text: #bae6fd;
    --bos-shadow-elevated: 0 18px 40px rgba(0, 0, 0, .42);
    --bos-overlay: rgba(0, 0, 0, .58);
    --bos-scrollbar-track: #0f172a;
    --bos-scrollbar-thumb: #475569;
    color-scheme: dark;
}