/* ============================================================
   fryx404 Pop — 配色とサイズの基準
   ここだけ書き換えれば見た目が変わる。
   ============================================================ */
:root{
  --cyan:#00D1FF;
  --yellow:#FFD600;
  --magenta:#FF2E88;
  --r:16px;
  --r-sm:10px;
  --pad:18px;
}
[data-theme="dark"]{
  --bg:#0A0E16;
  --surface:#141A26;
  --surface-2:#1C2432;
  --line:#28324459;
  --line-solid:#283244;
  --text:#EAF0F8;
  --muted:#7D8AA0;
  --shadow:0 8px 32px rgba(0,0,0,.5);
}
[data-theme="light"]{
  --bg:#EEF2F7;
  --surface:#FFFFFF;
  --surface-2:#F4F7FB;
  --line:#D6DEEA;
  --line-solid:#D6DEEA;
  --text:#0A0E16;
  --muted:#5B677C;
  --shadow:0 8px 28px rgba(10,14,22,.10);
}