/*
 * Design tokens for the Harris-Stolper storefront theme.
 *
 * Values are the Kadence global palette of the previous WooCommerce build, read from the site export
 * (palette1..15): red primary, deep navy secondary, slate greys, Bebas Neue display headings over
 * Open Sans body copy. Change a brand colour here, never in a component. Keep text/background pairs
 * at or above 4.5:1 (WCAG 2.1 AA / AODA).
 */
:root {
  /* Brand (palette1..4) */
  --hs-brand: #dd3333;           /* primary actions, red header bar */
  --hs-brand-strong: #c92f2d;    /* hover / active */
  --hs-navy: #041f2d;            /* display headings, footer background, body text */
  --hs-navy-soft: #052e42;       /* dark panels */

  /* Surfaces and text (palette5..9) */
  --hs-ink-muted: #4a5568;       /* secondary text, 7.5:1 on white */
  --hs-ink-subtle: #828f97;      /* footer text on navy; dark surfaces only */
  --hs-surface-panel: #edf2f7;
  --hs-surface-muted: #f7fafc;   /* page-title band */
  --hs-surface: #ffffff;
  --hs-line: #dee2e6;

  /* Feedback (palette11..15) */
  --hs-success: #13612e;
  --hs-info: #1159af;
  --hs-alert: #b82105;
  --hs-warning: #f7630c;
  --hs-accent: #f5a524;          /* highlights, badges, ratings */

  /* Type */
  --hs-font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --hs-font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Layout */
  --hs-container: 1200px;
  --hs-gutter: 1rem;
  --hs-radius: 4px;
}