/* ChiSetup v3 (DESIGN-V3): graphite surfaces, hairline borders, one orange accent with a glow,
   chamfered CTAs and HUD frames; Exo 2 for display, Inter for text.
   Variables: commerce-engine docs/engine/BRAND-PACK.md. */
:root {
  /* Surfaces: from the page up to raised layers */
  --bg: #0E0E10;
  --bg-2: #0A0A0C;              /* footer: a step darker than the page */
  --surface: #1A1A1A;
  --surface-2: #222222;
  --surface-3: #2A2A2D;
  --surface-hover: #262626;
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(255, 255, 255, .16);
  --border-2: rgba(255, 255, 255, .12);
  --shadow: rgba(0, 0, 0, .55);

  /* Text */
  --ink: #FFFFFF;
  --text: #D4D4D8;              /* long reading text (legal pages, about) */
  --muted: #A1A1AA;
  --text-muted: #A1A1AA;
  --faint: #6B6B73;
  --text-faint: #6B6B73;

  /* Brand */
  --accent: #FF6600;
  --accent-hi: #FF8533;
  --accent-lo: #E65C00;
  --accent-ink: #0E0E10;        /* text on orange is dark (6.3:1); white on #FF6600 is 2.9:1 */
  --accent-soft: rgba(255, 102, 0, .12);
  --accent-soft-2: rgba(255, 102, 0, .2);
  --glow-sm: 0 0 10px rgba(255, 102, 0, .6);

  --ok: #22C55E;
  --warn: #F59E0B;
  --danger: #EF4444;
  --danger-ink: #FCA5A5;
  --info: #38BDF8;

  /* Order statuses: functional, identical to the admin */
  --st-new: #3F8CF5;
  --st-approved: #9B6BFF;
  --st-shipped: #F5A623;
  --st-delivered: #22C07D;
  --st-rejected: #F0503C;

  --r: 6px;                     /* controls */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-card: 12px;               /* cards, sheets */
  --chamfer: 10px;              /* cut corner of CTAs and HUD frames */

  --font-display: "Exo 2", "Inter", system-ui, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;
}