/* Mecânica Pro Multimarcas — gerado de tokens.json */
:root {
  --color-bg-primary: #0F1012;
  --color-bg-secondary: #17191C;
  --color-surface-dark: #1F2226;
  --color-surface-dark-raised: #272B30;
  --color-bg-light: #F3F3F0;
  --color-surface-light: #FFFFFF;
  --color-surface-light-sunken: #E9E9E5;
  --color-text-on-dark: #F5F5F2;
  --color-text-on-light: #111214;
  --color-text-muted-dark: #A6ABB2;
  --color-text-muted-light: #50555C;
  --color-border-dark: #33373D;
  --color-border-light: #D6D6D1;
  --color-border-control-dark: #8A9099;
  --color-border-control-light: #7A7F86;
  --color-brand: #FFC20E;
  --color-brand-hover: #FFD042;
  --color-brand-active: #E6AB00;
  --color-on-brand: var(--color-text-on-light);
  --color-focus: var(--color-brand);
  --color-focus-on-light: var(--color-text-on-light);
  --color-disabled: #6E737A;
  --color-disabled-bg-dark: #2A2D31;
  --color-disabled-bg-light: #E2E2DE;
  --color-danger-on-light: #C62828;
  --color-danger-on-dark: #FF7A70;
  --color-success-on-light: #1F7A45;
  --color-success-on-dark: #4CC38A;
  --color-overlay: rgba(15, 16, 18, 0.72);
  --color-overlay-strong: rgba(15, 16, 18, 0.88);
  --color-hover-on-dark: rgba(245, 245, 242, 0.08);
  --color-hover-on-light: rgba(17, 18, 20, 0.06);
  --font-display: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-body: "Public Sans", "Helvetica Neue", Arial, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-30: 120px;
  --space-36: 144px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-round: 50%;
  --border-hairline: 1px;
  --border-control: 1.5px;
  --border-strong: 2px;
  --accent-bar-height: 3px;
  --accent-bar-width: 24px;
  --size-control-sm: 40px;
  --size-control-md: 48px;
  --size-control-lg: 56px;
  --size-touch-min: 44px;
  --size-header: 80px;
  --size-header-compact: 64px;
  --size-fab: 56px;
  --size-brand-logo: 40px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-xl: 32px;
  --icon-2xl: 40px;
  --icon-stroke: 1.75;
  --container-xl: 1240px;
  --container-lg: 1120px;
  --container-md: 880px;
  --container-text: 680px;
  --grid-gutter-desktop: 24px;
  --grid-gutter-tablet: 20px;
  --grid-gutter-mobile: 16px;
  --grid-margin-desktop: 40px;
  --grid-margin-wide: 64px;
  --grid-margin-tablet: 32px;
  --grid-margin-mobile: 20px;
  --bp-sm: 375px;
  --bp-md: 480px;
  --bp-tablet: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1440px;
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-fab: 200;
  --z-backdrop: 290;
  --z-drawer: 300;
  --z-toast: 400;
  --shadow-none: none;
  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.32);
  --shadow-header: 0 1px 0 0 #33373D;
}