/* Smitty's brand tokens (SMTY-06-ST2), from docs/Design_Direction.md section 2.
   The one source of brand values. public/wholesale/wholesale.js keeps an identical copy inside its
   isolated styles (it can't load this file into Duda without an extra request); test/brand.test.ts
   fails if the two ever differ. Names start with --smty- so they never collide with the host page.
   Smitty's exact red (--smty-red) is for large text and accents only: white on it is 4.40:1.
   Normal-size buttons and small red text use --smty-red-strong (5.88:1). */
:root, :host {
  --smty-red: #EC1C2D;
  --smty-red-strong: #C8102E;
  --smty-red-hover: #A50D26;
  --smty-ink: #111111;
  --smty-charcoal: #1A1A1A;
  --smty-muted: #555555;
  --smty-page: #EEEEEE;
  --smty-surface: #FFFFFF;
  --smty-panel: #F4F4F4;
  --smty-line: #DDDDDD;
  --smty-ok: #1E7E34;
  --smty-ok-tint: #E8F5EC;
  --smty-warn: #8A5300;
  --smty-warn-tint: #FFF4D6;
  --smty-error: #B3261E;
  --smty-error-tint: #FDECEA;
  --smty-focus: #1A1A1A;
  --smty-radius: 3px;
  --smty-radius-card: 6px;
  --smty-font-head: "Oswald", "Arial Narrow", Arial, sans-serif;
  --smty-font-body: "Open Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}