/*
  Google theme — Blu & Oro. Matches the site owner's existing promo
  imagery (Telegram/social): full Google Blue primary, a single gold
  accent used sparingly for one emphasis element per section (never as
  a large fill), white background, near-black (never pure black) text,
  generous soft-rounded corners. See DESIGN.md at the repo root for the
  full rationale, do's/don'ts, and the hero/footer "blue bookend"
  layout pattern this theme is meant to pair with.

  "Google Sans"/"Google Sans Text" are listed first in the font stacks
  but aren't publicly hosted on Google Fonts, so they only activate for
  visitors who already have them installed (e.g. ChromeOS, some Google
  apps). Roboto is the real loaded fallback — see googleFontsHref in
  site settings.

  Bends the 2px radius house rule on purpose (see boutique.css for the
  other sanctioned deviation): sm/md/lg step up instead of staying
  uniform. Note the site settings "Corner radius" field in Keystatic is
  a fixed 0/2/4/8 select, so in practice it overrides these three to a
  single value (8px, "Soft") — still reads as rounded, just without the
  sm/md/lg hierarchy. Clear that field by editing site.json directly if
  you want the differentiated values below to show.
*/
:root {
  --color-background: #ffffff;
  --color-foreground: #202124;
  --color-primary: #4285f4;
  --color-primary-hover: #3367d6;
  --color-primary-foreground: #ffffff;
  --color-accent: #fbbc04;
  --color-muted: #f5f7fa;
  --color-muted-foreground: #5f6368;
  --color-border: #dadce0;

  --font-body: "Google Sans Text", Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-display: "Google Sans", "Google Sans Text", Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
}