/* Tesla — generated by tools/brand_tokens.py. Do not hand-edit.

   Every value below is transcribed from awesome-design-md/design-md/tesla/DESIGN.md, read 2026-09-16
   or SOLVED from those values. What is solved is which colour each role takes:
   the published value nearest its limit that still clears its role's WCAG
   ratio against the worst ground in its own theme, so a secondary colour
   legible on the page is also legible in the band beside it.

   Depth: None. The reference prohibits box-shadow on every element and prohibits borders on cards; depth is a move from white to ash, or it is z-index, or it is nothing.

   ONE THEME. Tesla publishes light only, and a dark theme invented here
   would be this file writing a design system rather than transcribing one.
*/
:root {
  color-scheme: light;
  --ts-paper: #ffffff;
  --ts-raise: #ffffff;
  --ts-sink: #f4f4f4;
  --ts-ink: #171a20;
  --ts-ink-2: #393c41;
  --ts-ink-3: #5c5e62;
  --ts-stroke: #5c5e62;
  --ts-rule: #d0d1d2;
  --ts-accent: #3e6ae1;
  --ts-on-accent: #ffffff;
  --ts-accent-text: #3c67de;
  --ts-accent-quiet: #f5f8fe;
  --ts-focus: #171a20;

  --ts-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  --ts-weight-regular: 400;
  --ts-weight-medium: 500;

  --ts-text-hero: clamp(2rem, 1.8239rem + 0.7512vw, 2.5rem);
  --ts-leading-hero: 1.2;
  --ts-text-promo: 1.375rem;
  --ts-leading-promo: 1.2;
  --ts-text-title: 1.0625rem;
  --ts-leading-title: 1.18;
  --ts-text-body: 0.875rem;
  --ts-leading-body: 1.43;

  --ts-sp-4: 0.25rem;
  --ts-sp-8: 0.5rem;
  --ts-sp-16: 1rem;
  --ts-sp-24: 1.5rem;
  --ts-sp-32: 2rem;
  --ts-sp-48: 3rem;
  --ts-sp-64: 4rem;
  --ts-sp-96: 6rem;

  --ts-radius-none: 0;
  --ts-radius-control: 4px;
  --ts-radius-card: 12px;
  --ts-radius-dot: 50%;

  --ts-duration-base: 330ms;
  --ts-duration-exit: 165ms;
  --ts-ease-base: cubic-bezier(0.5, 0, 0, 0.75);
}