/* otopublic color tokens — SINGLE SOURCE OF TRUTH.
   Primitive (the paint) -> Semantic (the role). theme.json references the
   semantic layer only (var(--otp-...)). Change colors here, nowhere else. */
:root{
  /* primitive — light */
  --otp-c-paper:#f3f1ec;  --otp-c-white:#ffffff;     --otp-c-slate:#2c343a;
  --otp-c-teal:#3f6f6a;   --otp-c-orange:#e08a4b;    --otp-c-mist:#6f7c83;
  --otp-c-line-l:#e2ddd3; --otp-c-chipbg-l:#e7efed;
  /* primitive — dark */
  --otp-c-ink:#16181d;    --otp-c-ink2:#1f232b;      --otp-c-warmwhite:#ece7dd;
  --otp-c-amber:#e0a85b;  --otp-c-orange-d:#c8743e;  --otp-c-mist-d:#9a958a;
  --otp-c-line-d:#2c313a; --otp-c-chipbg-d:#2c313a;  --otp-c-amber-link:#e7b56e;

  /* semantic — LIGHT (Riverside Dusk), default */
  --otp-bg:var(--otp-c-paper);          --otp-surface:var(--otp-c-white);
  --otp-text:var(--otp-c-slate);        --otp-muted:var(--otp-c-mist);
  --otp-primary:var(--otp-c-teal);      --otp-accent:var(--otp-c-orange);
  --otp-line:var(--otp-c-line-l);       --otp-link:var(--otp-c-teal);
  --otp-on-primary:var(--otp-c-white);
  --otp-chip-bg:var(--otp-c-chipbg-l);  --otp-chip-fg:var(--otp-c-teal);
}

/* semantic — DARK (Practice Room Night) */
:root[data-theme="dark"]{
  --otp-bg:var(--otp-c-ink);            --otp-surface:var(--otp-c-ink2);
  --otp-text:var(--otp-c-warmwhite);    --otp-muted:var(--otp-c-mist-d);
  --otp-primary:var(--otp-c-amber);     --otp-accent:var(--otp-c-orange-d);
  --otp-line:var(--otp-c-line-d);       --otp-link:var(--otp-c-amber-link);
  --otp-on-primary:var(--otp-c-ink);
  --otp-chip-bg:var(--otp-c-chipbg-d);  --otp-chip-fg:var(--otp-c-amber);
}

/* OS-follow: only when the user has NOT chosen a theme (no data-theme attr) */
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --otp-bg:var(--otp-c-ink);            --otp-surface:var(--otp-c-ink2);
    --otp-text:var(--otp-c-warmwhite);    --otp-muted:var(--otp-c-mist-d);
    --otp-primary:var(--otp-c-amber);     --otp-accent:var(--otp-c-orange-d);
    --otp-line:var(--otp-c-line-d);       --otp-link:var(--otp-c-amber-link);
    --otp-on-primary:var(--otp-c-ink);
    --otp-chip-bg:var(--otp-c-chipbg-d);  --otp-chip-fg:var(--otp-c-amber);
  }
}
