:root {
    /* Superfícies e Bordas */
    --s-bg: #031116;
    --s-surface: #071B21;
    --s-surface-hover: #0B252C;
    --s-border: #17434D;
    --s-border-light: #103239;

    /* Tipografia */
    --s-text: #D3E7EB;
    --s-text-secondary: #B3CDD2;
    --s-text-muted: #7FA1A9;

    /* Estrutura petróleo do tracktonica.com; destaque no laranja do logo Tracktonica Audit */
    --s-accent: #FF6A0D;
    --s-accent-light: rgba(255,106,13,.12);
    --s-accent-hover: #E8580C;
    --s-on-accent: #031116;

    /* Semântica */
    --s-danger: #FF3046;
    --s-danger-light: rgba(255,48,70,.12);
    --s-on-danger: #FFFFFF;
    --s-warning: #FFC000;
    --s-warning-light: rgba(255,192,0,.12);
    --s-on-warning: #031116;
    --s-info: #00B9FF;
    --s-info-light: rgba(0,185,255,.12);
    --s-on-info: #031116;
    --s-success: #00E58B;
    --s-success-light: rgba(0,229,139,.12);
    --s-on-success: #031116;

    /* Navbar */
    --s-nav-bg: rgba(6,25,31,.72);
    --s-nav-accent: #FF6A0D;
    --s-nav-link: #7FA1A9;
    --s-nav-link-active: #D3E7EB;
    --s-nav-link-hover-bg: rgba(255,255,255,.04);
    --s-body-top: transparent;
    --s-body-bottom: #031116;

    /* Raios, sombras, transições */
    --s-radius: 12px;
    --s-radius-sm: 10px;
    --s-radius-lg: 16px;
    --s-accent-glow: transparent;
    --s-shadow-sm: none;
    --s-shadow: 0 8px 24px rgba(0,0,0,.35);
    --s-shadow-lg: 0 16px 40px rgba(0,0,0,.45);
    --s-transition: .2s cubic-bezier(.4,0,.2,1);
    --s-focus-ring: rgba(255,106,13,.35);

    color-scheme: dark;
    --bs-body-bg: var(--s-bg);
    --bs-body-color: var(--s-text);
    --bs-secondary-color: var(--s-text-secondary);
    --bs-secondary-bg: var(--s-surface-hover);
    --bs-tertiary-bg: var(--s-surface);
    --bs-border-color: var(--s-border);
    --bs-primary: var(--s-accent);
    --bs-success: var(--s-success);
    --bs-danger: var(--s-danger);
    --bs-warning: var(--s-warning);
    --bs-info: var(--s-info);
    --bs-link-color: var(--s-accent);
    --bs-link-hover-color: var(--s-accent-hover);
}

html[data-theme="light"] {
    --s-bg: #F6F8F8;
    --s-surface: #FFFFFF;
    --s-surface-hover: #EEF3F4;
    --s-border: #D5E2E4;
    --s-border-light: #E4ECEE;
    --s-text: #06191F;
    --s-text-secondary: #2C454C;
    --s-text-muted: #5A747B;
    --s-accent: #E8580C;
    --s-accent-light: rgba(232,88,12,.09);
    --s-accent-hover: #C94A07;
    --s-on-accent: #FFFFFF;
    --s-danger: #D11A2E;
    --s-danger-light: rgba(209,26,46,.08);
    --s-on-danger: #FFFFFF;
    --s-warning: #9A6B00;
    --s-warning-light: rgba(154,107,0,.10);
    --s-on-warning: #FFFFFF;
    --s-info: #0077B6;
    --s-info-light: rgba(0,119,182,.09);
    --s-on-info: #FFFFFF;
    --s-success: #00875A;
    --s-success-light: rgba(0,135,90,.09);
    --s-on-success: #FFFFFF;
    --s-nav-bg: rgba(255,255,255,.86);
    --s-nav-accent: #E8580C;
    --s-nav-link: #5A747B;
    --s-nav-link-active: #06191F;
    --s-nav-link-hover-bg: rgba(6,25,31,.04);
    --s-body-top: transparent;
    --s-body-bottom: #F6F8F8;
    --s-shadow-sm: none;
    --s-shadow: 0 8px 24px rgba(6,25,31,.08);
    --s-shadow-lg: 0 16px 40px rgba(6,25,31,.12);
    --s-focus-ring: rgba(232,88,12,.28);
    --s-accent-glow: transparent;
    color-scheme: light;
}