/* =========================================================================
   theme.css — design tokens for MyDreamSoft
   Default theme is dark. The light theme overrides the same token names.
   Both themes share the full token set so any page can reference any token.
   ========================================================================= */

:root[data-theme="dark"]{
  --bg:#0A0A0A;
  --bg-2:#0E0E0E;
  --bg-3:#141414;
  --ink:#FAFAFA;
  --ink-2:#A3A3A3;
  --ink-3:#737373;
  --line:#262626;
  --line-2:#1F1F1F;
  --line-3:#333333;
  --btn-solid-bg:#FAFAFA;
  --btn-solid-fg:#0A0A0A;
  --btn-solid-hover:#E5E5E5;
  --btn-ghost-bg:transparent;
  --btn-ghost-fg:var(--ink);
  --btn-ghost-border:var(--line);
  --btn-ghost-hover-bg:var(--bg-2);
  --btn-ghost-hover-border:var(--ink-2);
  --btn-wa-bg:#FAFAFA;
  --btn-wa-fg:#0A0A0A;
  --btn-wa-hover:#E5E5E5;
  --selection-bg:#FAFAFA;
  --selection-fg:#0A0A0A;
  --scrollbar-track:var(--bg);
  --scrollbar-thumb:#404040;
  --scrollbar-thumb-hover:#525252;
  --scrollbar-border:var(--bg);
  --dot:#22C55E;
  --code-ok:#4ADE80;
  --code-c:#FAFAFA;
  --traffic:#333333;
  --feat-bg:var(--bg);
  --feat-hover:var(--bg-2);
  --toggle-border:var(--line);
  --toggle-hover-border:var(--ink-2);
  --nav-bg:rgba(10,10,10,.8);
  --header-border:var(--line);
}

:root[data-theme="light"]{
  --bg:#FFFFFF;
  --bg-2:#FAFAFA;
  --bg-3:#F5F5F5;
  --ink:#0A0A0A;
  --ink-2:#525252;
  --ink-3:#737373;
  --line:#E6E6E6;
  --line-2:#EDEDED;
  --line-3:#E5E5E5;
  --btn-solid-bg:#0A0A0A;
  --btn-solid-fg:#FFFFFF;
  --btn-solid-hover:#262626;
  --btn-ghost-bg:#FFFFFF;
  --btn-ghost-fg:var(--ink);
  --btn-ghost-border:var(--line);
  --btn-ghost-hover-bg:var(--bg-2);
  --btn-ghost-hover-border:var(--ink);
  --btn-wa-bg:#0A0A0A;
  --btn-wa-fg:#FFFFFF;
  --btn-wa-hover:#262626;
  --selection-bg:#0A0A0A;
  --selection-fg:#FFFFFF;
  --scrollbar-track:var(--bg);
  --scrollbar-thumb:#D4D4D4;
  --scrollbar-thumb-hover:#A3A3A3;
  --scrollbar-border:var(--bg);
  --dot:#16A34A;
  --code-ok:#16A34A;
  --code-c:#0A0A0A;
  --traffic:#E5E5E5;
  --feat-bg:#FFFFFF;
  --feat-hover:var(--bg-2);
  --toggle-border:var(--line);
  --toggle-hover-border:var(--ink);
  --nav-bg:rgba(255,255,255,.82);
  --header-border:var(--line);
}