/* GENERATED by tools/build-family-css.mjs — do not hand-edit.
   Source: tools/brand-tokens.json.
   Regenerate with: node tools/build-family-css.mjs
   See docs/family-css-system.md before changing anything downstream of
   this file — the values live in brand-tokens.json, the component rules
   live in tools/family-css/components/, and this file is only their
   compiled output. */

/* "Amoleo Light" — the shared neutral base. docs/family-theme.md §1.
   Every adopted repo defines --bg/--panel/--text/--muted/--border under
   these exact names (post-rename — see docs/family-css-system.md); a repo
   that still uses its own names aliases them in its own product.css
   until it renames.

   Two selectors, not one: amoleo-dark.css owns the unconditioned :root
   (see that file), so light only ever applies via an explicit signal —
   the OS/browser preference or a future in-page toggle — never as the
   silent default. */

@media (prefers-color-scheme: light) {
  :root {
  --bg: #f7f7fb;
  --panel: #ffffff;
  --text: #3a3a4a;
  --muted: #6b6b7a;
  --border: #e0e0e6;
  --brand-amoleo: #1c1c2e;
  --shadow: 0 2px 8px rgba(28, 28, 46, 0.08);
  --shadow-lg: 0 8px 24px rgba(28, 28, 46, 0.16);
}
}

[data-theme="light"] {
  --bg: #f7f7fb;
  --panel: #ffffff;
  --text: #3a3a4a;
  --muted: #6b6b7a;
  --border: #e0e0e6;
  --brand-amoleo: #1c1c2e;
  --shadow: 0 2px 8px rgba(28, 28, 46, 0.08);
  --shadow-lg: 0 8px 24px rgba(28, 28, 46, 0.16);
}