/* ============================================================
   Outpost — Diamond Stop Theme
   Unified neutral palette (shared with Lindemann).
   Only the ACCENT differs: Heritage Blue #3b506a.
   Store-name font: Avenir Next Bold.
   ============================================================ */

:root {
  /* Typography — shared DIN system */
  --font-sans:    'D-DIN', system-ui, sans-serif;              /* body, normal case */
  --font-display: 'D-DIN Condensed', 'D-DIN', sans-serif;      /* titles/nav, ALL CAPS */
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;   /* numeric/clock alignment */
  --font-store:   'Avenir Next LT Pro', 'Helvetica Neue', sans-serif;  /* store name only */

  /* Brand accent — Heritage Blue */
  --store-color:       #3b506a;
  --store-color-dark:  #2c3d50;
  --store-accent:      #5a7196;

  /* Surfaces — SHARED neutral cream/warm-gray family */
  --bg:            #f4f1e9;   /* cream base (white replacement) */
  --bg-surface:    #e8e3d8;   /* warm gray (from login) */
  --bg-card:       #faf8f4;   /* warm white card (slightly lighter than bg) */
  --login-bg:      #e8e3d8;

  /* Text — SHARED warm neutrals */
  --text:          #2F3437;
  --text-muted:    #6b6253;

  /* Borders — SHARED */
  --border:        #d9d0c0;

  /* Component tints (derived from Heritage Blue) */
  --nav-hover-bg:  rgba(59,80,106,.07);
  --nav-active-bg: rgba(59,80,106,.12);
  --badge-bg:      rgba(59,80,106,.1);
  --badge-border:  rgba(59,80,106,.25);
  --row-hover:     rgba(59,80,106,.04);
  --card-shadow:   rgba(30,29,26,.07);
  --topbar-shadow: rgba(30,29,26,.06);
  --input-bg:      #f4f1e9;
  --input-border:  #d9d0c0;
  --focus-ring:    rgba(59,80,106,.18);

  --rule-color:    #c9bfad;
}