/* ==========================================================================
   UI tokens — the 2026 restyle, shared by the staff app and the public site.
   Calm and light, one sans-serif, one primary action per area. The older
   Salt & Indigo tokens in tokens.css stay until each page has moved over.
   ========================================================================== */

:root {
  /* Surfaces */
  --bg:             #F6F5F2;
  --surface:        #FFFFFF;
  --surface-muted:  #FAF9F6;
  --surface-sunken: #F3F2EE;
  --border:         #E8E6E0;
  --border-strong:  #DDDAD2;

  /* Brand */
  --navy:         #13233F;
  --gold:         #B8913F;
  --gold-soft:    #F3EEE2;
  --gold-row:     #FAF7EF;
  --gold-on-navy: #E3C27C;
  --link-hover:   #9A7630;
  --gold-text:    #7F6224;   /* gold that reads at 12px on a light ground (5:1) */

  /* Text. --text-3 on --bg is 3.4:1, so it is for meta and placeholders, never for
     anything a person must read to act. */
  --text:   #1B2232;
  --text-2: #4A4F5C;
  --text-3: #8A8780;

  /* Status chips: background / text */
  --chip-turn-bg:  #FBF1DC;  --chip-turn-fg:  #7A5A17;   /* guest replied, needs us */
  --chip-wait-bg:  #EEF1F7;  --chip-wait-fg:  #33476E;   /* waiting on guest, info */
  --chip-ok-bg:    #E6F2EB;  --chip-ok-fg:    #1F6B45;   /* new, confirmed, success */
  --chip-bad-bg:   #FBEAE6;  --chip-bad-fg:   #A64B2A;   /* missing, error, decline */
  --error-border:  #E7B9A6;
  --error-bg:      #FFFAF7;

  /* Internal notes and tinted notices */
  --notes-bg:      #FCFAF4;
  --notes-border:  #EFE6D1;
  --notice-bg:     #FBF7EF;
  --notice-fg:     #6B5524;

  /* Type */
  --ui-sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ui-mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;

  /* Shape */
  --r-input: 8px;
  --r-btn:   8px;
  --r-card:  12px;
  --r-large: 14px;
  --r-menu:  10px;
  --r-chip:  20px;

  /* Floating things only; everything else is a 1px border. */
  --shadow-menu: 0 12px 32px rgba(19, 35, 63, 0.12);
  --shadow-tab:  0 1px 2px rgba(19, 35, 63, 0.12);

  /* Staff shell */
  --sidebar-w: 240px;
  --sidebar-w-icons: 64px;
  --appbar-h: 56px;
  --appbar-h-mobile: 52px;
  --bottombar-h: 64px;
}