/* WEED/RCR brand tokens — copied from ../../tokens/ for a self-contained deploy.
   Source of truth is the design-system root (styles.css → tokens/*.css).
   If a token changes there, change it here. Do not diverge. */

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Barlow+Condensed:wght@300;400;600;700&display=swap');

:root{
  /* core */
  --wr-ink:#1d1f20; --wr-paper:#f2f2f3; --wr-shield:#e9eaec;
  --wr-orange:#e8701a; --wr-orange-deep:#a44f0f; --wr-orange-tint:#fbe3d1;
  --wr-yellow:#f0b429; --wr-green:#4a7c3f; --wr-green-deep:#33562c;
  --wr-graphite:#232527; --wr-steel:#b8bec4; --wr-border:#d5d7d9;
  --wr-btc:#f7931a; /* reserved: easter-egg accent, decals only */

  /* semantic */
  --wr-bg:var(--wr-paper); --wr-text:var(--wr-ink); --wr-surface:#ffffff;
  --wr-accent:var(--wr-orange); --wr-accent-text:var(--wr-orange-deep);
  --wr-muted:#6a6e72; --wr-inverse-bg:var(--wr-ink); --wr-inverse-text:var(--wr-paper);

  /* type */
  --wr-font-display:'Barlow Condensed',sans-serif;
  --wr-font-body:'Barlow',sans-serif;
  --wr-text-xs:12px; --wr-text-sm:13px; --wr-text-md:15px; --wr-text-lg:18px;
  --wr-h3:22px; --wr-h2:30px; --wr-h1:44px; --wr-display:64px;
  --wr-track-plate:0.34em; --wr-track-label:0.12em;

  /* spacing */
  --wr-space-1:4px; --wr-space-2:8px; --wr-space-3:12px; --wr-space-4:16px;
  --wr-space-5:24px; --wr-space-6:32px; --wr-space-7:48px; --wr-space-8:64px;
  --wr-radius:0px; /* WEED/RCR is square-cornered equipment. No exceptions. */
  --wr-rule:2px;

  /* effects */
  --wr-shadow-sm:0 1px 2px rgba(29,31,32,.10);
  --wr-shadow-md:0 4px 12px rgba(29,31,32,.14);
  --wr-focus:0 0 0 2px var(--wr-paper),0 0 0 4px var(--wr-orange);
}

::selection{background:var(--wr-orange-tint);}
:focus-visible{outline:2px solid var(--wr-orange);outline-offset:2px;}