/* Buddy Abroad design tokens — Developer Brief v2.0 §7 + values measured from
   docs/mockups/buddy-abroad-mockups.html (mockup 4, "Inside the Buddy app").
   Never hardcode colours or radii in components; add a token here instead. */
:root {
  /* brand (brief §7) */
  --blue: #1a6bf5;
  --blue-press: #1558cc;
  --teal: #0da89f;
  --green: #16a34a;
  --amber: #d97706;
  --red: #dc2626;
  --bg: #f8fafc;
  --bg-dark: #0f172a;
  --text: #0f172a;
  --text-2: #475569;
  --text-muted: #94a3b8;
  --border: #e2e8f0;
  --border-focus: #1a6bf5;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 9999px;
  --max-width: 390px;
  --admin-max-width: 1180px;     /* ops dashboard only: tables need the room on a laptop */

  /* mockup-measured values not in the brief table */
  --surface: #ffffff;
  --row-label: #64748b;          /* .row-lbl */
  --live-dot: #4ade80;           /* .app-dot */
  --info-bg: #eef4ff;            /* .checkin-box */
  --info-border: #dbeafe;
  --info-text: #0c447c;
  --on-dark-muted: rgba(255, 255, 255, 0.6);
  --on-dark-pill-bg: rgba(255, 255, 255, 0.12);
  --on-dark-pill-border: rgba(255, 255, 255, 0.2);
  --success-bg: #dcfce7;
  --warn-bg: #fef3c7;
  --danger-bg: #fee2e2;
  --ai-bg: #ede9fe;              /* how-it-works "AI box" */
  --ai-border: #cecbf6;
  --ai-text: #3c3489;

  --font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Mockup scale. Mockup 4 is drawn 244 px wide; ×1.6 = 390 px (iPhone).
     Every size in the app is written as calc(<mockup px> * var(--mk)).
     Set --mk: 1 to render at the mockup's own pixel size (used by the
     visual check in tests/visual). */
  --mk: 1.6;
}