/* =====================================================================
   PPDMc v2 – design tokens (website + dashboard)
   Values 1:1 from design_handoff_ppdmc/README.md ("Design Tokens").
   The guest view uses its own per-restaurant variables (DesignSettings).
   ===================================================================== */
:root {
  /* fonts (self-hosted, see fonts-ui.css / fonts.css) */
  --pp-font-display: 'Space Grotesk', system-ui, sans-serif;
  --pp-font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* surfaces */
  --pp-bg: #F4F2ED;              /* page background */
  --pp-surface: #FFFFFF;         /* cards */
  --pp-field: #F4F2ED;           /* input background */
  --pp-hairline: #F0EDE6;        /* light dividers */
  --pp-border: #E3DFD6;          /* borders */

  /* text */
  --pp-text: #111111;
  --pp-text-2: #5E5A53;          /* secondary */
  --pp-text-3: #7A766D;          /* tertiary */
  --pp-label: #4A4740;
  --pp-hint: #8A857C;

  /* accent & states */
  --pp-accent: oklch(0.56 0.16 255);
  --pp-accent-hover: oklch(0.5 0.16 255);
  --pp-accent-soft: oklch(0.94 0.035 255);
  --pp-success: oklch(0.6 0.12 155);      /* toggle on */
  --pp-success-soft: oklch(0.95 0.04 155);
  --pp-toggle-off: #D9D4CA;
  --pp-danger: oklch(0.5 0.16 25);        /* text */
  --pp-danger-strong: oklch(0.55 0.18 25);/* button */
  --pp-danger-soft: oklch(0.96 0.03 25);  /* notice box */
  --pp-warning-soft: oklch(0.95 0.05 80);
  --pp-premium-bg: oklch(0.86 0.09 80);
  --pp-premium-fg: #4A3410;
  --pp-chip-active-bg: #111111;
  --pp-chip-active-fg: #FFFFFF;
  --pp-chip-bg: #F4F2ED;
  --pp-chip-fg: #4A4740;

  /* selection ring */
  --pp-ring: inset 0 0 0 2px oklch(0.56 0.16 255);

  /* radii */
  --pp-r-chip: 12px;
  --pp-r-input: 12px;
  --pp-r-btn: 13px;
  --pp-r-btn-lg: 15px;
  --pp-r-card: 22px;
  --pp-r-modal: 24px;
  --pp-r-phone: 50px;
  --pp-r-phone-inner: 41px;

  /* sizes */
  --pp-h-input: 44px;
  --pp-h-btn: 44px;
  --pp-h-cta: 50px;
  --pp-h-chip: 38px;
  --pp-h-chip-sm: 34px;

  /* shadows (used sparingly) */
  --pp-shadow-sticky: 0 10px 30px -20px rgba(0, 0, 0, 0.3);
  --pp-shadow-phone: 0 40px 70px -40px rgba(0, 0, 0, 0.55);
  --pp-shadow-modal: 0 40px 90px -30px rgba(0, 0, 0, 0.45);
  --pp-shadow-toast: 0 12px 30px -10px rgba(0, 0, 0, 0.4);
  --pp-overlay: rgba(17, 17, 17, 0.42);

  /* motion */
  --pp-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --pp-dur: 0.2s;

  /* layout */
  --pp-content-max: 1200px;
  --pp-sidebar-w: 248px;

  /* z-index scale */
  --pp-z-sticky: 15;
  --pp-z-palette: 40;
  --pp-z-modal: 45;
  --pp-z-toast: 60;
}