/* CAHYA — brand color tokens (design-system source of truth).
   See brand-quickref.md in this folder for usage rules (clear space,
   don'ts, type, voice). Namespaced --cahya-* deliberately, kept separate
   from the app's own UI theme in /style.css — the two are meant to be
   merged on purpose where needed, never by silently overwriting one
   file's variables into the other. */

:root {
  /* ---------- primitives — see brand-quickref.md "Color" table ---------- */
  --cahya-night: #0E1B14;        /* primary dark surface */
  --cahya-moon: #F4EFE2;         /* cream — text on dark, bg on light */
  --cahya-firefly: #E8B24D;      /* single accent — CTAs, highlights, the dot. Never recolor. */
  --cahya-forest-deep: #142A1E;  /* card surfaces on dark */
  --cahya-forest-mid: #3C5340;   /* borders/dividers on dark */
  --cahya-forest-soft: #6E8F5F;  /* secondary text on dark */

  /* ---------- semantic aliases: dark (default surface) ---------- */
  --cahya-bg: var(--cahya-night);
  --cahya-surface: var(--cahya-forest-deep);
  --cahya-border: var(--cahya-forest-mid);
  --cahya-text: var(--cahya-moon);
  --cahya-text-muted: var(--cahya-forest-soft);
  --cahya-accent: var(--cahya-firefly);
}

/* ---------- light-mode draft ----------
   Not wired into the running app yet — style.css/app.css are dark-only
   today. This is the light-surface mapping brand-quickref.md refers to,
   ready for whenever a light theme is built: gated behind an explicit
   [data-theme="light"] attribute (not a prefers-color-scheme media query)
   so it stays inert until something deliberately opts in. Cream becomes
   the surface, night becomes the text; the firefly accent never changes.

   Note: pair this mode with logo-mono-for-light-surfaces.svg /
   logo-wordmark-light.svg — those filenames describe the SURFACE the
   mark sits on rather than the color-scheme mode by name, but a light
   app surface and a "-light-surfaces" mark line up directly, so the
   obvious pairing is the correct one here. */
[data-theme="light"] {
  --cahya-bg: var(--cahya-moon);
  --cahya-surface: #ffffff;
  --cahya-border: color-mix(in srgb, var(--cahya-night) 14%, transparent);
  --cahya-text: var(--cahya-night);
  --cahya-text-muted: color-mix(in srgb, var(--cahya-night) 62%, transparent);
  --cahya-accent: var(--cahya-firefly);
}