/* Bot My Meals — marketing visual tokens (UX lock 2026-09-25)
   Warm paper + ink + brand blue CTAs. Green = success/lock only.
   Scope: botmymeals.com marketing Worker / public apex.
*/

/* Inter (variable, Latin subset), self-hosted so the first paint does not wait on a
   third-party font stylesheet. SIL Open Font License 1.1: /fonts/Inter-LICENSE.txt.
   font-display: swap shows the system fallback until the file arrives. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/inter-latin-var.woff2?v=3100e775e8") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Surfaces */
  --bmm-paper: #f8fafc;       /* warm paper page bg */
  --bmm-card: #ffffff;
  --bmm-muted-surface: #eef2f7;
  --bmm-border: #e2e8f0;

  /* Text */
  --bmm-ink: #0f172a;
  --bmm-muted: #64748b;

  /* Brand actions */
  --bmm-blue: #2563eb;        /* primary CTA + "Bot" wordmark */
  --bmm-blue-fg: #ffffff;
  --bmm-blue-soft: #eff6ff;   /* chip / soft fill */

  /* Success / lock accents ONLY — never logo eyes or required smile.
     Text is darkened (#166534) so small chips stay ≥4.5:1 on soft green. */
  --bmm-success: #166534;
  --bmm-success-soft: #ecfdf5;
  --bmm-success-border: #86efac;

  /* Wordmark roles */
  --bmm-wordmark-bot: var(--bmm-blue);
  --bmm-wordmark-meals: var(--bmm-ink);          /* primary lockup */
  --bmm-wordmark-meals-alt: var(--bmm-success);  /* soft-green option */

  /* Radii */
  --bmm-radius-card: 16px;
  --bmm-radius-btn: 12px;
  --bmm-radius-chip: 10px;
  --bmm-radius-mark: 22%;     /* squircle feel for app icon */

  /* Type */
  --bmm-font-display: Inter, Geist, system-ui, -apple-system, "Segoe UI", sans-serif;
  --bmm-font-body: Inter, Geist, system-ui, -apple-system, "Segoe UI", sans-serif;
  --bmm-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Elevation */
  --bmm-shadow-card: 0 8px 28px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --bmm-shadow-soft: 0 2px 8px rgba(15, 23, 42, 0.04);
  --bmm-shadow-cta: 0 6px 16px rgba(37, 99, 235, 0.28);
}

/* Aliases matching prior Clear Sky setup tokens (compat) */
:root {
  --bg: var(--bmm-paper);
  --card: var(--bmm-card);
  --muted: var(--bmm-muted-surface);
  --border: var(--bmm-border);
  --fg: var(--bmm-ink);
  --muted-fg: var(--bmm-muted);
  --primary: var(--bmm-blue);
  --primary-fg: var(--bmm-blue-fg);
  --approve: var(--bmm-success);
  --wordmark-bot: var(--bmm-wordmark-bot);
  --wordmark-meals: var(--bmm-wordmark-meals);
  --font: var(--bmm-font-body);
}