/* Wicked Wheel guest app theme, matching Jared's own "Pit Stop Club
   Rewards" mockup: solid Burnished Brass header with a tire-tread bottom
   edge, a dark "Wicked Wheel" wordmark with a bolt between the words, a
   big stenciled "Pit Stop Club" line, a script "Rewards," a near-black
   page with a light cream card outlined in brass, and brass/red paired
   buttons. Pairs with style-pw.css (Pineapple Willy's own theme) and
   style.css (the neutral staff panel) - all three share structure from
   style-base.css and only swap this variable set. */
@import url('style-base.css');

:root {
  --ink: #1f2323;          /* Gunpowder Black - text on the light card */
  --paper: #1d1b17;        /* near-black page background, per the mockup */
  --card: #eae4cf;         /* light Primer-Sand card, not white */
  --card-border: #988545;  /* Burnished Brass - the vivid card outline in the mockup */
  --border: #d2d1c5;       /* Primer Sand - subtler dividers/progress track */
  --muted: #6f6a5c;

  --btn-bg: #988545;       /* Burnished Brass - "Join for free" */
  --btn-text: #1f2323;
  --btn-border: #95282d;   /* Heritage Red */
  --btn-hover-bg: #7d6d38;
  --btn2-bg: #95282d;      /* Heritage Red - "Existing member" */
  --btn2-text: #ffffff;
  --btn2-border: #988545;
  --btn2-hover-bg: #7a1f23;
  --accent2: #6f5f30;

  --success-bg: #eef1e7;
  --success-text: #4f7a3f; /* muted moss green - WW's own palette has no green, so this stays a neutral, low-key functional color rather than borrowing another brand's */
  --success-border: #cdd9bd;
  --error-bg: #fbe9e8;
  --error-text: #95282d;
  --error-border: #e3b3b1;
  --pending-bg: #f3ecd8;
  --pending-text: #6f5f30;
  --pending-border: #988545;

  --tier-badge-bg: #988545;
  --progress-from: #988545;
  --progress-to: #95282d;
  --header-from: #988545;  /* Burnished Brass, flat (no gradient) */
  --header-to: #988545;
  --link-color: #c9ad5f;   /* lightened brass/gold - the guest nav links sit directly on the dark page background now, so the darker brass used elsewhere wouldn't read */
  --checkbox-accent: #95282d;

  --body-font: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --subtitle-font: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

header.top { border-bottom: none; }
.tread-edge { display: block; }