/* ==========================================================================
   Brasserio — brand tokens (shared design layer)
   The design system the public restaurant page established: navy + sky,
   Fraunces/Hanken Grotesk (Frank Ruhl Libre/Heebo in RTL), 1240px measure,
   quiet surfaces, navy-tinted shadows.

   Seed consumer: the diner front page (book-table). The restaurant page,
   experience page and booking drawer currently carry identical local token
   blocks — consolidating those onto this file is a follow-up.
   Deliberately scoped (NOT :root): admin/dashboard surfaces stay untouched.
   ========================================================================== */

.br-book-table-container{
  --primary:#1B3C57; --primary-light:#2B5277; --primary-dark:#0B2C47;
  --secondary:#6AA3D2; --on-primary:#fff;
  --ink:#1B3C57; --ink-2:#33414f; --muted:#6B7280; --faint:#9aa3af;
  --bg:#F7F8FA; --surface:#fff; --surface-2:#F4F6FA;
  --line:#E5E7EB; --line-2:#EEF1F5;
  --ok:#2E7D32; --star:#E0913B;
  --radius:16px; --radius-sm:10px; --radius-lg:20px; --pill:999px;
  --shadow-sm:0 1px 2px rgba(16,32,48,.05),0 2px 8px rgba(16,32,48,.05);
  --shadow:0 12px 34px -14px rgba(11,44,71,.26);
  --shadow-lg:0 26px 60px -24px rgba(11,44,71,.40);
  --maxw:1240px;
  color:var(--ink-2);
  font-family:"Hanken Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.6;
}
html[dir="rtl"] .br-book-table-container{ font-family:"Heebo",system-ui,sans-serif; }

/* Display serif for headings on token-scoped surfaces. */
.br-serif{ font-family:"Fraunces",Georgia,serif; font-weight:600; letter-spacing:-.01em; line-height:1.12; }
html[dir="rtl"] .br-serif{ font-family:"Frank Ruhl Libre",serif; }

/* Section eyebrow (the restaurant page's label voice). */
.br-fp-eyebrow{ font-size:12.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--primary); margin:0; }
html[dir="rtl"] .br-fp-eyebrow{ letter-spacing:.03em; }