/* ============================================================================
   RDA BRAND TOKENS — single shared theme source for Website, legal pages, Admin.
   Values reconciled to the mobile design system (rdp-mobile HEAD 91a0e5c,
   theme/brand.ts). Concrete = light (default), Gunmetal = dark.
   The two accent oranges are DIFFERENT on purpose (WCAG): #B8501A on light,
   #E8681E on dark. Do not unify. Elevation is border/hairline based — no shadows.
   ============================================================================ */

/* ---------- CONCRETE (light) — default ---------- */
:root{
  --bg:#E7E2D8;
  --bg-alt:#E3DED4;
  --surface:#FFFFFF;
  --surface-2:#FFFFFF;
  --surface-3:#D5CEC0;
  --border:rgba(38,41,46,0.16);
  --border-strong:rgba(38,41,46,0.20);
  --ink:#26292E;
  --ink-muted:#5C5750;
  --ink-dim:#8A837A;
  --steel:#3A3F45;
  --steel-2:#7A736A;

  /* brand / accent (same value; --accent is the interactive token) */
  --brand:#B8501A;
  --brand-2:#96400F;
  --brand-3:#E8681E;
  --brand-soft:rgba(184,80,26,0.12);
  --brand-soft-2:rgba(184,80,26,0.20);
  --accent:#B8501A;
  --accent-2:#96400F;
  --accent-soft:rgba(184,80,26,0.12);
  --accent-ink:#FFFFFF;

  /* gold = the bright orange, for LARGE accent text/marks only */
  --gold:#E8681E;
  --gold-2:#B8501A;
  --gold-soft:rgba(184,80,26,0.12);

  /* semantic status (mobile values) */
  --success:#1E7D55;
  --warning:#9A6D0C;
  --error:#B3282C;
  --info:#2C5F9E;
  --success-soft:rgba(30,125,85,0.12);
  --warning-soft:rgba(154,109,12,0.12);
  --error-soft:rgba(179,40,44,0.12);
  --info-soft:rgba(44,95,158,0.12);
  --accent-wine:#B3282C;
  --accent-wine-soft:rgba(179,40,44,0.10);

  /* elevation removed — border/hairline based (mobile parity) */
  --shadow-sm:none;
  --shadow-md:none;
  --shadow-lg:none;

  --noise-opacity:.03;
  --hero-overlay:linear-gradient(180deg, rgba(38,41,46,.6) 0%, rgba(38,41,46,.5) 50%, rgba(21,26,34,.92) 100%);

  /* neutral steel gradients (avatars / decorative fills only, not primary buttons) */
  --gradient:linear-gradient(135deg, #3A3F45, #5C5750);
  --gradient-2:linear-gradient(135deg, #3A3F45, #26292E);

  /* geometry */
  --radius-card:14px;
  --radius-input:10px;
  --radius-chip:8px;
  --radius-sheet:20px;
  --radius-pill:999px;
  --radius-avatar:999px;

  /* spacing scale — 4·8·12·16·20·28, nothing between */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:28px;

  /* measured tokens completed (parity with shipping app) */
  --scrim:rgba(38,41,46,0.45);
  --qr-ink:#0B0E13;
  --qr-paper:#FFFFFF;

  /* WebNest credit — external constant, identical in both themes */
  --webnest:#3FC0BE;
}

/* ---------- GUNMETAL (dark) ---------- */
/* Scoped to the whole page (html) AND to any element carrying data-theme="gunmetal"
   (e.g. the always-dark website footer) so gunmetal tokens can be inherited locally.
   No token is added, removed or renamed. */
html[data-theme="gunmetal"], [data-theme="gunmetal"]{
  --bg:#151A22;
  --bg-alt:#10141B;
  --surface:#1D2530;
  --surface-2:#263140;
  --surface-3:#2F3B4C;
  --border:rgba(198,203,209,0.10);
  --border-strong:rgba(198,203,209,0.20);
  --ink:#EBEEF2;
  --ink-muted:#93A0B1;
  --ink-dim:#6B7889;
  --steel:#C6CBD1;
  --steel-2:#7B8798;

  --brand:#E8681E;
  --brand-2:#C4551A;
  --brand-3:#E8681E;
  --brand-soft:rgba(232,104,30,0.14);
  --brand-soft-2:rgba(232,104,30,0.20);
  --accent:#E8681E;
  --accent-2:#C4551A;
  --accent-soft:rgba(232,104,30,0.14);
  --accent-ink:#0F1319;

  --gold:#E8681E;
  --gold-2:#C4551A;
  --gold-soft:rgba(232,104,30,0.14);

  --success:#2FB37A;
  --warning:#D9A21B;
  --error:#E5484D;
  --info:#4A8FE7;
  --success-soft:rgba(47,179,122,0.16);
  --warning-soft:rgba(217,162,27,0.16);
  --error-soft:rgba(229,72,77,0.16);
  --info-soft:rgba(74,143,231,0.16);
  --accent-wine:#E5484D;
  --accent-wine-soft:rgba(229,72,77,0.14);

  --shadow-sm:none;
  --shadow-md:none;
  --shadow-lg:none;

  --noise-opacity:.04;
  --hero-overlay:linear-gradient(180deg, rgba(8,11,15,.6) 0%, rgba(8,11,15,.5) 50%, rgba(8,11,15,.92) 100%);

  --gradient:linear-gradient(135deg, #E8681E, #C4551A);
  --gradient-2:linear-gradient(135deg, #C4551A, #B8501A);

  /* measured tokens completed (Gunmetal) */
  --scrim:rgba(8,11,15,0.72);
  --qr-ink:#0B0E13;
  --qr-paper:#FFFFFF;
}