/* FoodSync design tokens - extracted from the public website (style.css) and shared by the website,
   table ordering app and staff portal. Change brand colours, type and motion here. */
:root{
  /* Brand palette (from the published site) */
  --bg:#041219;
  --surface:#061D27;
  --card:#0B2C3B;
  --amber:#FCA800;
  --gold:#FFBE3D;
  --white:#F4F7F8;
  --muted:#96C8D7;
  --line:#96C8D72b;
  --line-strong:#96C8D755;
  --overlay:#000a;

  /* Status colours tuned to sit on the navy surfaces */
  --ok:#3DD598;
  --ok-bg:#3DD5981f;
  --warn:#FFBE3D;
  --warn-bg:#FFBE3D1f;
  --danger:#FF6B5B;
  --danger-bg:#FF6B5B1f;
  --info:#7CC4FF;
  --info-bg:#7CC4FF1f;

  /* Typography */
  --font-display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;
  --font-brand:'Poppins','DM Sans',sans-serif;
  --eyebrow-size:12px;
  --eyebrow-track:.17em;

  /* Shape and motion */
  --radius-sm:5px;
  --radius:6px;
  --radius-lg:10px;
  --radius-xl:14px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-hero:cubic-bezier(.16,1,.3,1);
  --shadow:0 15px 35px #0004;
  --shadow-pop:0 10px 40px #0006;
  color-scheme:dark;
}