@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap');

:root[data-brand="boom-car"] {
  --background: oklch(0.97 0 0);
  --foreground: oklch(0.165 0.005 200);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.165 0.005 200);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.165 0.005 200);
  --primary: oklch(0.165 0.005 200);
  --primary-foreground: oklch(0.97 0 0);
  --secondary: oklch(0.94 0 0);
  --secondary-foreground: oklch(0.165 0.005 200);
  --muted: oklch(0.94 0 0);
  --muted-foreground: oklch(0.4 0.005 200);
  --accent: oklch(0.585 0.225 27);
  --accent-foreground: oklch(0.97 0 0);
  --destructive: oklch(0.585 0.225 27);
  --border: oklch(0.88 0.002 200);
  --input: oklch(0.88 0.002 200);
  --ring: oklch(0.585 0.225 27);
  --chart-1: oklch(0.585 0.225 27);
  --chart-2: oklch(0.595 0.245 263);
  --chart-3: oklch(0.165 0.005 200);
  --chart-4: oklch(0.74 0.005 240);
  --chart-5: oklch(0.45 0.18 263);
  --sidebar: oklch(0.165 0.005 200);
  --sidebar-foreground: oklch(0.97 0 0);
  --sidebar-primary: oklch(0.585 0.225 27);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.22 0.005 200);
  --sidebar-accent-foreground: oklch(0.97 0 0);
  --sidebar-border: oklch(0.25 0.005 200);
  --sidebar-ring: oklch(0.585 0.225 27);
  --radius: 0.5rem;
  --font-heading: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-body: 'Open Sans', system-ui, -apple-system, sans-serif;
  --brand-shadow-sm: 0 2px 8px 0 oklch(0 0 0 / 0.04);
  --brand-shadow: 0 4px 16px 0 oklch(0 0 0 / 0.06);
  --brand-shadow-md: 0 8px 24px 0 oklch(0 0 0 / 0.08);
  --brand-shadow-lg: 0 16px 40px 0 oklch(0 0 0 / 0.1);
  --brand-shadow-xl: 0 24px 56px 0 oklch(0 0 0 / 0.12);
  --brand-border-width: 1px;
}

:root[data-brand="boom-car"].dark {
  --background: oklch(0.165 0.005 200);
  --foreground: oklch(0.97 0 0);
  --card: oklch(0.22 0.005 200);
  --card-foreground: oklch(0.97 0 0);
  --popover: oklch(0.22 0.005 200);
  --popover-foreground: oklch(0.97 0 0);
  --primary: oklch(0.97 0 0);
  --primary-foreground: oklch(0.165 0.005 200);
  --secondary: oklch(0.27 0.005 200);
  --secondary-foreground: oklch(0.97 0 0);
  --muted: oklch(0.27 0.005 200);
  --muted-foreground: oklch(0.7 0.003 200);
  --accent: oklch(0.65 0.22 27);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.65 0.22 27);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 12%);
  --ring: oklch(0.65 0.22 27);
  --chart-1: oklch(0.65 0.22 27);
  --chart-2: oklch(0.65 0.245 263);
  --chart-3: oklch(0.97 0 0);
  --chart-4: oklch(0.74 0.005 240);
  --chart-5: oklch(0.5 0.2 263);
  --sidebar: oklch(0.165 0.005 200);
  --sidebar-foreground: oklch(0.97 0 0);
  --sidebar-primary: oklch(0.65 0.22 27);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.22 0.005 200);
  --sidebar-accent-foreground: oklch(0.97 0 0);
  --sidebar-border: oklch(0.25 0.005 200);
  --sidebar-ring: oklch(0.65 0.22 27);
  --radius: 0.5rem;
}