/* ==========================================================================
   QRMenu — Design tokens
   Concept: "Dark room, paper on the pass."
   The product lives in dim dining rooms and hot kitchens, so dark is the
   default surface. Paper (linen) appears only where paper really appears:
   dockets, invoices, QR table tents and print sheets.
   ========================================================================== */

:root {
  /* --- Ink: warm coffee-black, never neutral grey ------------------------ */
  --ink-950: #0E0C09;
  --ink-900: #13110D;
  --ink-850: #191612;
  --ink-800: #1F1B16;
  --ink-750: #262119;
  --ink-700: #2E281F;
  --ink-600: #3B3327;
  --ink-500: #4C4234;

  /* --- Linen: printed surfaces only ------------------------------------- */
  --linen-50:  #FCFAF6;
  --linen-100: #F4EFE5;
  --linen-200: #E6DDCB;
  --linen-300: #D2C6AE;

  /* --- Accents ----------------------------------------------------------- */
  --brass:      #D9AC55;
  --brass-lit:  #EDCA85;
  --brass-deep: #9A7325;
  --wine:       #7C2B3B;
  --wine-lit:   #A84055;
  --basil:      #4E7F49;

  /* --- Text -------------------------------------------------------------- */
  --tx:        #F7F2E6;
  --tx-soft:   #C9C0AC;
  --tx-mute:   #948B79;
  --tx-faint:  #6C6455;
  --on-linen:      #1B1710;
  --on-linen-soft: #4E463A;
  --on-linen-mute: #857A67;

  /* --- Lines & veils ----------------------------------------------------- */
  --line:        rgba(240, 228, 202, 0.09);
  --line-firm:   rgba(240, 228, 202, 0.16);
  --line-loud:   rgba(240, 228, 202, 0.28);
  --veil:        rgba(10, 8, 6, 0.66);
  --line-paper:  rgba(27, 23, 16, 0.12);

  /* --- Order lifecycle signals ------------------------------------------ */
  --st-submitted: #5E8FE0;
  --st-accepted:  #8672DC;
  --st-preparing: #E0A32E;
  --st-ready:     #45AB6E;
  --st-served:    #8C8474;
  --st-closed:    #6C6455;
  --st-danger:    #D4534C;

  /* --- Type -------------------------------------------------------------- */
  --face-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --face-ui: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --face-num: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Perfect-fourth-ish scale, tuned down for dense operator screens */
  --t-xs:   0.75rem;   /* 12 */
  --t-sm:   0.8125rem; /* 13 */
  --t-base: 0.9375rem; /* 15 */
  --t-md:   1.0625rem; /* 17 */
  --t-lg:   1.375rem;  /* 22 */
  --t-xl:   1.875rem;  /* 30 */
  --t-2xl:  2.5rem;    /* 40 */
  --t-3xl:  3.5rem;    /* 56 */
  --t-4xl:  4.75rem;   /* 76 */

  /* --- Space ------------------------------------------------------------- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 22px;
  --s-6: 30px;
  --s-7: 42px;
  --s-8: 60px;
  --s-9: 84px;
  --s-10: 120px;

  /* --- Radii: three steps, each meaning something ------------------------ */
  --r-tight: 6px;   /* controls, chips */
  --r-card:  14px;  /* panels, cards */
  --r-soft:  26px;  /* guest-facing surfaces, imagery */
  --r-round: 999px;

  /* --- Depth ------------------------------------------------------------- */
  --lift-1: 0 1px 0 rgba(255, 245, 220, 0.04) inset,
            0 8px 22px -14px rgba(0, 0, 0, 0.9);
  --lift-2: 0 1px 0 rgba(255, 245, 220, 0.05) inset,
            0 26px 54px -28px rgba(0, 0, 0, 0.95);
  --lift-paper: 0 1px 2px rgba(27, 23, 16, 0.10),
                0 14px 34px -22px rgba(27, 23, 16, 0.45);

  /* --- Motion ------------------------------------------------------------ */
  --ease: cubic-bezier(0.32, 0.72, 0.26, 1);
  --quick: 140ms var(--ease);
  --calm: 260ms var(--ease);

  /* --- Shell metrics ----------------------------------------------------- */
  --rail-w: 254px;
  --rail-w-tight: 74px;
  --topbar-h: 62px;
}

/* Guest surfaces accept per-restaurant branding. In the real app these three
   are written from the tenant's branding record at page load. */
:root {
  --brand-accent: var(--brass);
  --brand-accent-ink: #201804;
  --brand-surface: #17140F;
}

/* Optional lighter operator theme for daylight offices / bright kitchens. */
[data-skin="linen"] {
  --ink-950: #EFE9DC;
  --ink-900: #F4EFE5;
  --ink-850: #FAF6EE;
  --ink-800: #FFFFFF;
  --ink-750: #FBF7F0;
  --ink-700: #F3EDE1;
  --ink-600: #E6DDCB;
  --ink-500: #D2C6AE;
  --tx: #1B1710;
  --tx-soft: #453D31;
  --tx-mute: #756B59;
  --tx-faint: #9A9080;
  --line: rgba(27, 23, 16, 0.10);
  --line-firm: rgba(27, 23, 16, 0.18);
  --line-loud: rgba(27, 23, 16, 0.32);
  --brass-lit: #8A6512;
  --lift-1: 0 1px 2px rgba(27, 23, 16, 0.07), 0 6px 16px -12px rgba(27, 23, 16, 0.4);
  --lift-2: 0 2px 4px rgba(27, 23, 16, 0.06), 0 22px 46px -28px rgba(27, 23, 16, 0.5);
  --brand-surface: #FFFFFF;
}