/* Design tokens shared across styles/*.css. New/updated CSS should reference
   these instead of repeating literal hex values. */

:root {
  /* Brand colors - monochrome system (black/white/neutral gray only).
     Roladel Green has been fully retired as a UI accent. The three
     --brand-green* names below are kept defined - repointed to black/
     white/gray - purely so the 100+ existing "var(--brand-green*)"
     references across styles/*.css (buttons, borders, badges, focus
     rings, wizard progress states, mobile filters, QR/marketing-kit
     UI, nav) don't each need a separate file edit; that would be the
     "endless overrides" this redesign is explicitly meant to avoid.
     New code should reference --brand-black/--brand-white/--gray-*
     directly - these three are transitional aliases, not first-class
     tokens, and can be deleted once nothing references them anymore. */
  --brand-black: #000000;
  --brand-white: #ffffff;
  --brand-green: #000000;         /* was #085812 - primary accent, now black */
  --brand-green-legacy: #000000;  /* was #28a745 - Bootstrap-derived green, now black */
  --brand-green-bright: #ffffff;  /* was #2ecc71 - accent on dark surfaces, now white */

  /* Neutral gray scale - the only supporting palette. Deliberately
     small (per-need, not a full 50-900 ramp) and reuses the
     light/dark surface tokens below wherever they already cover a
     shade, instead of defining the same gray twice under two names. */
  --gray-100: #f5f5f5;
  --gray-200: #e0e0e0;
  --gray-300: #c7c7c7;
  --gray-500: #6c757d; /* same value as --light-text-muted below */
  --gray-700: #3a3a3a;
  --gray-900: #1a1a1a;

  /* Header/nav chrome (always-dark top bar, independent of site theme) */
  --header-bg: #111111;
  --header-border: #2b2b2b;

  /* Mobile chrome shared by more than one component (bottom tab bar
     height + anything, like the logged-in app install bar, that needs
     to sit directly above it without hardcoding the same number twice) */
  --mobile-bottom-nav-height: 65px;

  /* Homepage-only accent. Deliberately NOT part of the --brand-green*
     aliases above - those stay retired (repointed to black/white)
     everywhere else on the site, per the explicit prior decision
     documented above. This token is referenced only from styles/home.css
     and styles/category_nav_style.css's homepage-scoped selectors, so
     the rest of the site (including category.php/search.php, which
     share category_nav_style.css) is unaffected. */
  --home-accent-green: #0a7a2f;
  --home-accent-green-dark: #085e24;
  --home-accent-green-soft: #e6f4ea;

  /* Light mode surfaces */
  --light-bg: #ffffff;
  --light-surface: #f8f9fa;
  --light-surface-alt: #eef5f8;
  --light-border: #dddddd;
  --light-text: #222222;
  --light-text-muted: #6c757d;

  /* Dark mode surfaces (values already in wide use across dark_mode.css) */
  --dark-bg: #121212;
  --dark-surface: #1e1e1e;
  --dark-surface-alt: #2a2a2a;
  --dark-border: #333333;
  --dark-text: #ffffff;
  --dark-text-muted: #aaaaaa;
}