/* Codling product tokens, copied verbatim from docs/design/widgets.md. */
:root {
  color-scheme: light dark;
  /* neutrals — the warm grey spine */
  --bg:#f6f6f3; --surface:#ffffff; --surface-2:#efeee9; --inset:#f2f1ec;
  --ink:#1b1b1f; --muted:#6a6a72; --faint:#82828a; --line:#e7e5df; --line-2:#dad8d0;
  /* accent (lime — interaction AND attention) */
  --brand:#b4d637; --brand-ink:#1b1b1f; --brand-text:#5c7a10; --brand-tint:#eef6cd;
  /* semantics */
  --ok:#0f9d70; --ok-tint:#dcf2e9;            /* safe / success        */
  --danger:#d8382c; --danger-tint:#fbe3e0;    /* destructive / error   */
  /* effects */
  --ring:0 0 0 3px rgba(180,214,55,.5);
  --shadow-sm:0 1px 2px rgba(20,20,25,.07); --shadow-md:0 6px 22px rgba(20,20,25,.09);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:#141519; --surface:#1d1f24; --surface-2:#26282e; --inset:#191b1f;
    --ink:#ecebe6; --muted:#9a9aa2; --faint:#7f808a; --line:#2b2d33; --line-2:#383a41;
    --brand:#bfe04a; --brand-ink:#16171a; --brand-text:#c8e85f; --brand-tint:#2b3218;
    --ok:#37c493; --ok-tint:#16352a; --danger:#ec6a5f; --danger-tint:#3a201d;
    --ring:0 0 0 3px rgba(191,224,74,.42);
    --shadow-sm:0 1px 2px rgba(0,0,0,.35); --shadow-md:0 10px 26px rgba(0,0,0,.42);
  }
}
/* Lets the host force a theme via hostContext regardless of the OS setting. */
:root[data-theme="dark"] {
  --bg:#141519; --surface:#1d1f24; --surface-2:#26282e; --inset:#191b1f;
  --ink:#ecebe6; --muted:#9a9aa2; --faint:#7f808a; --line:#2b2d33; --line-2:#383a41;
  --brand:#bfe04a; --brand-ink:#16171a; --brand-text:#c8e85f; --brand-tint:#2b3218;
  --ok:#37c493; --ok-tint:#16352a; --danger:#ec6a5f; --danger-tint:#3a201d;
  --ring:0 0 0 3px rgba(191,224,74,.42);
  --shadow-sm:0 1px 2px rgba(0,0,0,.35); --shadow-md:0 10px 26px rgba(0,0,0,.42);
}