/* ============================================================================
   ARROYO CUSTOM RIGS — MASTER DESIGN TOKENS
   Single source of truth for the brand color scheme + type.
   Loaded by BOTH the public storefront and the Filament admin.
   >>> To recolor the whole brand later, edit the values in :root below. <<<
   (Admin primary accent is also set in AdminPanelProvider->colors(); keep in sync.)
   ============================================================================ */
:root {
  /* -- Surfaces (dark industrial) -- */
  --bg:       #0B0A0C;
  --panel:    #15131A;
  --panel-2:  #1F1C24;
  --line:     #2A2630;

  /* -- Ink -- */
  --ink:      #F5F1EA;
  --muted:    #A39DAA;

  /* -- Brand accents -- */
  --red:      #CE2029;   /* fire-engine red — primary accent */
  --red-2:    #E12A33;
  /* Small red TEXT on dark fails AA at --red (3.4:1). --red-text is the
     same hue lifted to 5.1:1 on --panel. Use it for text; --red stays for
     button/backgrounds, where white-on-red already passes at 5.4:1. */
  --red-text: #EF4B52;   /* red hover */
  --gold:     #F5B81A;   /* gold — nav background / secondary accent */
  --gold-2:   #C68F0E;   /* darker gold for edges/borders */
  --amber:    #F5B81A;   /* legacy alias — now the gold (stats/prices) */

  /* Back-compat aliases: existing CSS references --pink; keep it pointed at the red. */
  --pink:     var(--red);
  --pink-2:   var(--red-2);

  /* -- Type stacks -- */
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-stencil: 'Stardos Stencil', 'Courier New', monospace;
  --font-body:    'Barlow', system-ui, sans-serif;

  /* -- Layout scale -- */
  --maxw: 1480px;
  --gutter: 2rem;
}