/* SiR brand tokens — Smart Inventory for Restaurants
   Know your stock. Protect your profit.
   Import once in the base template, after any reset and before page styles. */

:root {
  /* Brand */
  --sir-blue: #2563EB;
  --sir-blue-600: #1D4ED8;
  --sir-blue-400: #3B82F6;
  --sir-blue-50: #EFF6FF;
  --sir-gold: #FBBF24;

  /* Neutrals */
  --sir-ink: #111827;
  --sir-muted: #4B5563;
  --sir-line: #E5E7EB;
  --sir-bg: #F5F7FB;
  --sir-surface: #FFFFFF;

  /* Status (keep existing app values if they already exist) */
  --sir-success: #16A34A;
  --sir-warning: #D97706;
  --sir-danger: #DC2626;

  /* Type */
  --sir-font-display: "Bricolage Grotesque", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sir-font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Shape */
  --sir-radius: 10px;
  --sir-radius-lg: 16px;
}

body {
  font-family: var(--sir-font-body);
  color: var(--sir-ink);
}

h1, .sir-display {
  font-family: var(--sir-font-display);
  letter-spacing: -0.01em;
}

table, .sir-num { font-variant-numeric: tabular-nums; }

/* Primary button */
.sir-btn-primary {
  background: var(--sir-blue);
  color: #fff;
  border: 0;
  border-radius: var(--sir-radius);
}
.sir-btn-primary:hover, .sir-btn-primary:focus-visible { background: var(--sir-blue-600); }
.sir-btn-primary:focus-visible { outline: 3px solid var(--sir-blue-400); outline-offset: 2px; }

a { color: var(--sir-blue); }

/* Brand header logo sizing */
.sir-logo { height: 36px; width: auto; display: block; }
.sir-logo-icon { height: 32px; width: 32px; display: block; }

/* Profit / key-number accent (use sparingly) */
.sir-accent { color: var(--sir-ink); background: linear-gradient(transparent 62%, rgba(251,191,36,.45) 62%); }