/* Autohaus Sing – Design Tokens (Single Source of Truth) */

:root {
  /* ── Brand colors ── */
  --brand-bg: #ffffff;
  --brand-text: #1a1f26;
  --brand-muted: #4a5568;
  --brand-border: #e8ecf0;
  --brand-surface: #f9fafb;

  --brand-primary: #0078d6;
  --brand-primary-strong: #0067b8;
  --brand-primary-soft: rgba(0, 120, 214, 0.08);

  --brand-focus-ring: none;

  /* ── Typography ── */
  --font-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Global type roles */
  --type-body-size: 1rem;
  --type-body-weight: 400;
  --type-body-leading: 1.65;

  --type-nav-size: 0.9375rem;      /* 15px */
  --type-nav-weight: 600;

  --type-btn-size: 1rem;           /* 16px */
  --type-btn-weight: 600;

  --type-h1-size: clamp(2rem, 4.5vw, 3.25rem);
  --type-h1-weight: 600;

  --type-h2-size: 1.375rem;        /* 22px */
  --type-h2-weight: 600;

  --type-h3-size: 1.125rem;        /* 18px */
  --type-h3-weight: 600;

  --type-eyebrow-size: 0.8125rem;
  --type-eyebrow-weight: 600;

  --type-lead-size: 1.125rem;
  --type-lead-weight: 400;

  /* ── Layout ── */
  --container-max: 1140px;
  --container-max-wide: 1320px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 8px;

  --shadow-subtle: none;
  --shadow: none;

  /* ── Spacing (8px base) ── */
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 5rem;

  /* ── Components ── */
  --btn-height: 48px;
  --btn-height-sm: 40px;
  --btn-padding-x: 1.5rem;
  --btn-padding-x-sm: 1.125rem;
}