/*
 * FamilyHub shared color tokens.
 *
 * The canonical palette below is the one already used by the dashboard
 * (index.html) and the Irish app — the two most-built-out apps in the hub.
 * Everything else drifted into a second, warmer dark-olive palette over
 * time. Rather than rewrite every CSS rule in every app that reaches for
 * --accent/--bg2/--text2/etc., this file also defines those names as
 * aliases onto the canonical tokens, so an app can link this file, drop
 * its own hardcoded :root color values, and pick up the shared look
 * without touching the rest of its stylesheet.
 *
 * New apps should use the canonical names directly (--bg, --surf, --gold,
 * --teal, --muted, ...) rather than the aliases.
 */
:root{
  --bg:#0f0f0f; --surf:#161616; --surf2:#1e1e1e; --surf3:#252525;
  --border:#2a2a2a; --border2:#363636;
  --gold:#c8a96e; --gold-dim:rgba(200,169,110,.12);
  --teal:#7eb8a4; --teal-dim:rgba(126,184,164,.10);
  --text:#e8e4de; --muted:#7a7570; --dim:#4a4540;
  --green:#6dbe8f; --green-dim:rgba(109,190,143,.12);
  --red:#d48a8a; --red-dim:rgba(212,138,138,.12);
  --purple:#a98fd4; --purple-dim:rgba(169,143,212,.12);
  --blue:#7aabe8; --blue-dim:rgba(122,171,232,.10);
  --orange:#c87830;
  --ice:#8ec5e8; --ice-dim:rgba(142,197,232,.12);

  /* Aliases for the older "atlas/library" naming convention. */
  --bg2: var(--surf);
  --bg3: var(--surf2);
  --accent: var(--gold);
  --accent2: #a08040;
  --text2: var(--muted);
  --amber: var(--gold);
  --amber2: #a08040;
}