:root {
    /* Um vermelho-laranja de corrida,
        utilizado para botões de ação principal (CTAs),
        ícones ativos e estados críticos */
    --primaria: #FF3D00;

    /* Azul-petróleo escuro,
        ideal para o fundo de cards de dados do veículo,
        modais e seções de destaque técnico. */
    --apoio: #101F2E;

    /* Quase preto com tom azulado,
        para ser usado em contexto de lazer ou uso noturno pelo seu ICP */
    --fundo: #0D0F1A;

    /* Utilizada na landing page para criar profundidade visual */
    --secoes-destaque: #141724;

    /* Um branco quente que evita o cansaço visual causado pelo branco puro em fundos escuros. */
    --texto-sobre-dark: #F0EDE5;

    /* Cinza azulado para informações de menor hierarquia. */
    --texto-secundario-sobre-dark: #BA8FA8;

    --em-dia: #2ECC71;

    --atencao-vencendo: #F39C12;

    --atrasado-vencido: #D32F2F;   

    --radius: .75rem;
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --radius-2xl: calc(var(--radius) + 8px);
    --font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-body-friendly: var(--font-body);
    --font-heading: 'Vank Sans', var(--font-body);
    --font-heading-alt: var(--font-heading);
    --font-label: var(--font-body);
    --font-technical: var(--font-body);
    --background: var(--fundo);
    --background: oklch(15.5% .025 270);
    --foreground: var(--texto-sobre-dark);
    --foreground: oklch(94.5% .008 80);
    --card: var(--apoio);
    --card: oklch(22.5% .024 270);
    --card-foreground: var(--foreground);
    --popover: var(--card);
    --popover-foreground: var(--foreground);
    --surface: var(--card);
    --primary: var(--primaria);
    --primary: #FF3D00;
    --primary-foreground: var(--texto-sobre-dark);
    --primary-foreground: oklch(98.5% .004 80);
    --secondary: var(--secoes-destaque);
    --secondary: oklch(27% .022 270);
    --secondary-foreground: var(--foreground);
    --muted: var(--secondary);
    --muted-foreground: var(--texto-secundario-sobre-dark);
    --muted-foreground: oklch(65% .022 265);
    --accent: color-mix(in srgb, var(--primary), transparent 80%);
    --accent: oklch(32% .06 35);
    --accent-foreground: var(--primary);
    --accent-foreground: oklch(85% .18 40);
    --border: rgba(240, 237, 229, 0.12);
    --border: oklch(100% 0 0 / .08);
    --input: color-mix(in srgb, var(--primary) 10%, oklch(100% 0 0 / .10));
    --ring: var(--primary);
    --destructive: var(--atrasado-vencido);
    --destructive: oklch(62% .21 27);
    --destructive-foreground: #FFFFFF;
    --destructive-foreground: oklch(98.5% 0 0);
    --success: var(--em-dia);
    --warning: var(--atencao-vencendo);
    --chart-1: var(--primary);
    --chart-2: oklch(69.6% .17 162.48);
    --chart-3: oklch(76.9% .188 70.08);
    --chart-4: oklch(62.7% .265 303.9);
    --chart-5: oklch(64.5% .246 16.439);
    --sidebar: var(--surface);
    --sidebar-foreground: var(--foreground);
    --sidebar-primary: var(--primary);
    --sidebar-primary-foreground: var(--primary-foreground);
    --sidebar-accent: var(--secondary);
    --sidebar-accent-foreground: var(--foreground);
    --sidebar-border: var(--border);
    --sidebar-ring: var(--ring);
    --radius-base: var(--radius);

    --bs-primary: var(--primary);
    --bs-primary-rgb: 255, 61, 0;
    --bs-primary-text-emphasis: var(--primary);
    --bs-primary-bg-subtle: color-mix(in srgb, var(--primary), transparent 86%);
    --bs-primary-border-subtle: color-mix(in srgb, var(--primary), transparent 64%);
    --bs-link-color: var(--primary);
    --bs-link-color-rgb: 255, 61, 0;
    --bs-link-hover-color: color-mix(in srgb, var(--primary), var(--foreground) 14%);
    --bs-link-hover-color-rgb: 255, 61, 0;
    --bs-font-sans-serif: var(--font-body);
    --bs-body-font-family: var(--font-body);
    --bs-border-radius: var(--radius);
    --bs-border-radius-sm: var(--radius-sm);
    --bs-border-radius-lg: var(--radius-lg);
    --bs-border-radius-xl: var(--radius-xl);
    --bs-secondary: var(--secondary);
    --bs-secondary-color: var(--muted-foreground);
    --bs-body-bg: var(--background);
    --bs-body-color: var(--foreground);
    --bs-border-color: var(--border);
    --bs-border-color-translucent: var(--border);
    --bs-secondary-bg: var(--secondary);
    --bs-tertiary-bg: var(--muted);
    --bs-emphasis-color: var(--foreground);
    --bs-card-bg: var(--card);
    --bs-card-color: var(--card-foreground);
    --bs-card-border-color: var(--border);
    --bs-accordion-bg: var(--card);
    --bs-accordion-color: var(--foreground);
    --bs-accordion-border-color: var(--border);
    --bs-dropdown-bg: var(--popover);
    --bs-dropdown-color: var(--popover-foreground);
    --bs-dropdown-link-color: var(--popover-foreground);
    --bs-dropdown-link-hover-bg: var(--muted);
    --bs-dropdown-link-hover-color: var(--foreground);
    --bs-list-group-bg: var(--card);
    --bs-list-group-color: var(--foreground);
    --bs-list-group-border-color: var(--border);
    --bs-modal-bg: var(--popover);
    --bs-offcanvas-bg: var(--popover);
    --bs-form-control-bg: var(--input);
    --bs-focus-ring-color: color-mix(in srgb, var(--ring), transparent 72%);
    --bs-light-rgb: 20, 23, 36;
    --bs-dark-rgb: 240, 237, 229;
}

:root[data-theme="light"] {
    --background: #F8F7F4;
    --background: oklch(97.2% .004 80);
    --foreground: #2F3037;
    --foreground: oklch(20.5% .008 280);
    --card: #FFFFFF;
    --card: oklch(100% 0 0);
    --card-foreground: var(--foreground);
    --popover: #FFFFFF;
    --popover: oklch(100% 0 0);
    --popover-foreground: var(--foreground);
    --surface: var(--card);
    --secondary: #EFEEE9;
    --secondary: oklch(94.5% .005 80);
    --secondary-foreground: var(--foreground);
    --muted: var(--secondary);
    --muted-foreground: #74727A;
    --muted-foreground: oklch(50% .012 270);
    --accent: #F6ECE7;
    --accent: oklch(95% .02 35);
    --accent-foreground: #FF3D00;
    --accent-foreground: #FF3D00;
    --primary: var(--primaria);
    --primary: #FF3D00;
    --primary-foreground: #FAF9F6;
    --primary-foreground: oklch(98.5% .004 80);
    --destructive: #D32F2F;
    --destructive: oklch(62% .225 27);
    --destructive-foreground: #FFFFFF;
    --destructive-foreground: oklch(99% 0 0);
    --border: #E4E2DC;
    --border: oklch(90% .005 80);
    --input: color-mix(in srgb, var(--primary) 2%, #FFFFFF);
    --ring: var(--primary);
    --chart-1: var(--primary);
    --chart-2: oklch(60% .118 184.704);
    --chart-3: oklch(39.8% .07 227.392);
    --chart-4: oklch(82.8% .189 84.429);
    --chart-5: oklch(76.9% .188 70.08);
    --sidebar: var(--card);
    --sidebar-foreground: var(--foreground);
    --sidebar-primary: var(--primary);
    --sidebar-primary-foreground: var(--primary-foreground);
    --sidebar-accent: var(--accent);
    --sidebar-accent-foreground: var(--accent-foreground);
    --sidebar-border: var(--border);
    --sidebar-ring: var(--ring);

    --bs-primary: var(--primary);
    --bs-primary-rgb: 255, 61, 0;
    --bs-primary-text-emphasis: var(--primary);
    --bs-primary-bg-subtle: color-mix(in srgb, var(--primary), transparent 88%);
    --bs-primary-border-subtle: color-mix(in srgb, var(--primary), transparent 66%);
    --bs-link-color: var(--primary);
    --bs-link-color-rgb: 255, 61, 0;
    --bs-link-hover-color: color-mix(in srgb, var(--primary), var(--foreground) 14%);
    --bs-link-hover-color-rgb: 255, 61, 0;
    --bs-font-sans-serif: var(--font-body);
    --bs-body-font-family: var(--font-body);
    --bs-border-radius: var(--radius);
    --bs-border-radius-sm: var(--radius-sm);
    --bs-border-radius-lg: var(--radius-lg);
    --bs-border-radius-xl: var(--radius-xl);
    --bs-secondary-color: var(--muted-foreground);
    --bs-body-bg: var(--background);
    --bs-body-color: var(--foreground);
    --bs-border-color: var(--border);
    --bs-border-color-translucent: var(--border);
    --bs-secondary-bg: var(--secondary);
    --bs-tertiary-bg: var(--muted);
    --bs-emphasis-color: var(--foreground);
    --bs-card-bg: var(--card);
    --bs-card-color: var(--card-foreground);
    --bs-card-border-color: var(--border);
    --bs-accordion-bg: var(--card);
    --bs-accordion-color: var(--foreground);
    --bs-accordion-border-color: var(--border);
    --bs-dropdown-bg: var(--popover);
    --bs-dropdown-color: var(--popover-foreground);
    --bs-dropdown-link-color: var(--popover-foreground);
    --bs-dropdown-link-hover-bg: var(--muted);
    --bs-dropdown-link-hover-color: var(--foreground);
    --bs-list-group-bg: var(--card);
    --bs-list-group-color: var(--foreground);
    --bs-list-group-border-color: var(--border);
    --bs-modal-bg: var(--popover);
    --bs-offcanvas-bg: var(--popover);
    --bs-form-control-bg: var(--input);
    --bs-focus-ring-color: color-mix(in srgb, var(--ring), transparent 72%);
    --bs-light-rgb: 248, 247, 244;
    --bs-dark-rgb: 47, 48, 55;
}