/* Glonari Pulse design tokens, shared by every section (loaded from the accounts app).
   Colours follow the account's theme: menu.js writes the palette (--gp-bg, --gp-text, --gp-muted, --gp-accent,
   --gp-accent2, --gp-glow1..3, and r,g,b triplets as --gp-*-rgb) onto <html>, and data-gp-mode="dark|light".
   The values below are the default, gold and bronze, for the moment before it does. Everything else here is derived.
   Fonts are Gia's: Instrument Serif for display (italic for emphasis), Inter for text, JetBrains Mono for code. */
:root {
  --gp-bg: #0B0A09; --gp-bg-rgb: 11,10,9;
  --gp-text: #F2EDE7; --gp-text-rgb: 242,237,231;
  --gp-muted: #A79D94; --gp-muted-rgb: 167,157,148;
  --gp-accent: #F2C14E; --gp-accent-rgb: 242,193,78;
  --gp-accent2: #FFE18C; --gp-accent2-rgb: 255,225,140;
  --gp-accent-soft: rgba(242,193,78,0.16);
  --gp-btntext: #1A1408;
  --gp-glow1: #8C5A2B; --gp-glow2: #4A3418; --gp-glow3: #C99A2E; --gp-halo: #E39A4E;

  /* derived */
  --gp-panel: color-mix(in srgb, var(--gp-bg) 90%, var(--gp-text));
  --gp-raise: color-mix(in srgb, var(--gp-bg) 84%, var(--gp-text));
  --gp-glass: rgba(var(--gp-text-rgb), 0.04);
  --gp-glass-strong: rgba(var(--gp-bg-rgb), 0.62);
  --gp-line: rgba(var(--gp-accent-rgb), 0.18);
  --gp-line-soft: rgba(var(--gp-text-rgb), 0.09);
  --gp-dim: color-mix(in srgb, var(--gp-muted) 75%, var(--gp-bg));
  --gp-accent-grad: linear-gradient(180deg, var(--gp-accent2) 0%, var(--gp-accent) 55%, color-mix(in srgb, var(--gp-accent) 78%, #000) 100%);
  --gp-ok: #7BC59A;
  --gp-danger: #E07A5F;

  /* older names, kept so nothing breaks */
  --gp-gold: var(--gp-accent); --gp-gold-hi: var(--gp-accent2); --gp-gold-dim: color-mix(in srgb, var(--gp-accent) 80%, var(--gp-bg));
  --gp-gold-grad: var(--gp-accent-grad);

  --gp-font-display: 'Instrument Serif', Georgia, serif;
  --gp-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gp-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  --gp-fonts-url: 'https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap';

  --gp-radius: 14px;
  --gp-radius-sm: 10px;
  --gp-menu-h: 60px;
  --gp-focus: 0 0 0 2px var(--gp-bg), 0 0 0 4px var(--gp-accent);
}
:root[data-gp-mode=light] {
  --gp-glass: rgba(255, 255, 255, 0.55);
  --gp-glass-strong: rgba(255, 255, 255, 0.72);
  --gp-line-soft: rgba(var(--gp-text-rgb), 0.12);
  --gp-accent-grad: linear-gradient(180deg, color-mix(in srgb, var(--gp-accent) 85%, #fff) 0%, var(--gp-accent) 100%);
}