/* ShopKichele — tokens.css (extracted from index.html) */
/* ============ DESIGN TOKENS ============ */
:root{ 
  /* Core brand — pulled from the ShopKichele wordmark */ 
  --brand:#0B2A62;        /* navy from "Shop" */ 
  --brand-d:#071C42;       /* deeper navy for pressed/dark states */ 
  --brand-l:#E7ECF4;       /* pale navy tint for surfaces/badges */ 
  --accent:#FF4D00;        /* orange from "Kichele" */ 
  --accent-d:#D93F00;      /* deeper orange for hover/active */ 
  --accent-l:#FFE9DE;      /* pale orange tint */ 

  --bg:#F5F7F6; --surface:#FFFFFF; --text:#10221C; --muted:#6B7C76; 
  --line:#E3E9E6; 

  /* Status colors — matched to the app-icon row */ 
  --good:#00B261;   /* POS & Sales green */ 
  --warn:#FEA900;   /* Stock Transfers amber */ 
  --bad:#D64545;    /* kept red for errors/alerts */ 

  /* Extra accents available from the icon set, for charts/tags etc. */ 
  --purple:#8154D3; /* Staff & Roles */ 
  --teal:#3FB8CC;   /* Multi-Branch */ 
  --blue:#007BF8;   /* Reports */ 

  --radius:16px; --shadow:0 2px 10px rgba(16,34,28,.07); 
  --nav-h:64px; --safe-b:env(safe-area-inset-bottom,0px); 
  color-scheme: light;
} 
/* ShopKichele always uses its own light theme, regardless of the
   browser/OS dark mode setting. */

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} 
html,body{margin:0;padding:0} 
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45} 
button,input,select,textarea{font:inherit;color:inherit} 
button{cursor:pointer;border:0;background:none} 
a{color:var(--brand)} 
h1,h2,h3{margin:0 0 8px;line-height:1.2} 
:focus-visible{outline:3px solid var(--accent);outline-offset:2px} 
.hidden{display:none !important}