/*
 * Steer Built: starter tokens for the mockup.
 * Source: instagram.com/steerbuilt (logo posts + job photography), 2026-09-04.
 * There is no formal brand guide. EXTRACTED = sampled/observed from their assets.
 * PROPOSED = my inference to fill a gap; confirm during the mockup build.
 * See ../BRAND.md for the full read.
 */

:root {
  /* ---------- Colors ---------- */

  /* EXTRACTED: the mark lives white on true black (logo badge + avatar) */
  --color-ink:          #0a0a0a;   /* logo background black */
  --color-paper:        #ffffff;   /* logo foreground white */

  /* PROPOSED surfaces: warmed charcoal instead of flat black for large UI fields */
  --color-bg:           #131110;
  --color-surface:      #1c1917;
  --color-surface-2:    #262220;
  --color-border:       #3a332e;

  /* EXTRACTED (sampled from photography): timber accent range */
  --color-merbau:       #8a4a2e;   /* oiled merbau fence/deck red-brown */
  --color-merbau-deep:  #5e3120;   /* merbau in shadow */
  --color-baltic:       #c99a5f;   /* honey baltic pine floors */
  --color-pine-raw:     #d9bc8d;   /* raw framing pine / arbour */

  /* PROPOSED semantic mapping */
  --color-primary:      var(--color-merbau);
  --color-primary-hover: #9c5636;
  --color-accent:       var(--color-baltic);

  /* PROPOSED neutrals (warm, to sit with timber) */
  --color-gray-100: #f5f2ef;
  --color-gray-300: #cfc8c1;
  --color-gray-500: #948b82;
  --color-gray-700: #4f4741;
  --color-gray-900: #1c1917;

  /* GAP: no success/warning/error exist anywhere; decide at build time */

  /* ---------- Typography ---------- */

  /* PROPOSED: logo face is an unidentified heavy condensed varsity block.
     Stand-ins until matched; test Archivo Black first against the badge. */
  --font-display: "Archivo Black", "Anton", "Arial Black", sans-serif;
  --font-body:    "Inter", -apple-system, "Segoe UI", sans-serif;

  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;
  --text-4xl:  48px;
  --text-5xl:  64px;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;

  --leading-tight:  1.05;  /* display caps, like the badge lockup */
  --leading-normal: 1.5;
  --leading-loose:  1.7;

  /* EXTRACTED habit: the wordmark is all caps and tracked; spec labels suit mono */
  --tracking-caps: 0.06em;
  --font-spec: "JetBrains Mono", "Consolas", monospace; /* PROPOSED for material/dimension callouts */

  /* ---------- Spacing (PROPOSED, 4px base) ---------- */

  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;

  /* ---------- Radii (PROPOSED: carpentry = square edges, keep radii near zero) ---------- */

  --radius-none: 0;
  --radius-sm:   2px;
  --radius-md:   4px;

  /* ---------- Motifs (EXTRACTED from the badge) ---------- */

  /* Double horizontal rules flank the wordmark; reuse as a section divider:
     border-top + border-bottom, 2px, --color-paper at reduced opacity. */
  --rule-weight: 2px;

  /* ---------- Shadow (GAP: dark UI needs glow/edge treatment, not drop shadows; decide at build) ---------- */
}