/* TrailerLot theme tokens — docs/trailer-marketplace-spec.md §2.
 * Industrial / contractor-yard: hard edges, 2px borders, ≤4px radius,
 * no soft shadows. Weld orange is the single accent. */
.theme-trailer {
  /* Spec palette — the six named tokens from spec §2, verbatim. */
  --steel-950: #16191D;
  --galv-100: #EEF0F2;
  --weld-500: #F26A1B;
  --diamond-300: #C6CCD2;
  --hitch-700: #3A4450;
  --go-600: #1E7F4F;

  /* Semantic mapping consumed by theme.css */
  --c-bg: var(--galv-100);
  --c-surface: #FFFFFF;
  --c-surface-sunken: var(--galv-100);
  --c-surface-hover: color-mix(in srgb, var(--diamond-300) 35%, white);
  --c-text: var(--steel-950);
  --c-text-secondary: var(--hitch-700);
  --c-accent: var(--weld-500);
  /* White-on-weld-500 measures ~3.06:1 (fails AA normal text). Dark steel
     text on weld-500 measures ~5.76:1 — the OSHA safety-orange convention
     (black-on-orange) and the accessible choice for every CTA fill. */
  --c-accent-contrast: var(--steel-950);
  --c-border: var(--diamond-300);
  --c-brand: var(--steel-950);
  --c-brand-contrast: #FFFFFF;
  --c-positive: var(--go-600);
  --c-link: var(--hitch-700);
  /* Rating stars — amber that reads on the light contractor-yard ground. */
  --c-star: #C8781A;

  /* Price/accent-as-foreground-text: pure weld-500 text on white measures
     only ~3.06:1 (barely clears AA-large, fails AA-normal). Darkened 70/30
     toward steel-950 for a safe ~5.2:1 while staying unmistakably "weld
     orange." Used for price and any small accent-colored link/CTA text. */
  --c-price: color-mix(in srgb, var(--weld-500) 70%, var(--steel-950) 30%);
  --c-accent-text: var(--c-price);

  --c-positive-contrast: #FFFFFF;

  /* Signature Spec Bar */
  --c-spec-bar-bg: var(--steel-950);
  --c-spec-bar-text: var(--galv-100);
  --c-spec-bar-sep: var(--weld-500);

  /* Photo placeholder (unclaimed dealer — grayed, never a fake photo) */
  --c-placeholder-start: var(--diamond-300);
  --c-placeholder-end: var(--hitch-700);
  --c-placeholder-text: var(--galv-100);

  /* Hero + chrome */
  --c-hero-bg-start: var(--steel-950);
  --c-hero-bg-end: var(--hitch-700);
  --c-hero-text: #FFFFFF;
  --c-hero-text-secondary: var(--diamond-300);
  --c-hero-pattern: color-mix(in srgb, var(--galv-100) 7%, transparent);

  /* No soft shadows, ever, per spec — every elevation tier is flat. */
  --shadow: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;

  /* Golf-only signature decoration; trailer renders nothing. */
  --c-hairline-gradient: none;

  --c-focus-ring: var(--weld-500);
  --c-input-border: var(--diamond-300);
  --c-input-focus: var(--weld-500);

  --c-badge-neutral-bg: var(--galv-100);
  --c-badge-neutral-text: var(--hitch-700);
  --c-badge-neutral-border: var(--diamond-300);

  --radius: 4px;
  --radius-lg: 4px;
  --border-w: 2px;
  --fs-base: 16px;

  /* Uppercase condensed display type carries wide tracking well; body/mono
     stay untracked. */
  --tracking-display: 0.02em;
  --font-numeric-variant: normal;

  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}