/* ============================================================
   iyoahsOS — design tokens
   Pixel UI: 3px hard borders, bevelled edges, no anti-aliasing.
   ============================================================ */

@font-face {
  font-family: "Press Start 2P";
  src: url("../assets/fonts/PressStart2P-Regular.woff2") format("woff2"),
       url("../assets/fonts/PressStart2P-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IPix";
  src: url("../assets/fonts/IPix-Chinese.woff2") format("woff2"),
       url("../assets/fonts/IPix-Chinese.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-en: "Press Start 2P", "IPix", "Courier New", monospace;
  --font-zh: "IPix", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  --px: 3px;
  --px-thin: 2px;
  --taskbar-h: 54px;
  --topbar-h: 34px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --speed: .18s;
  --z-wallpaper: 0;
  --z-icons: 10;
  --z-windows: 100;
  --z-topbar: 500;
  --z-taskbar: 600;
  --z-menu: 700;
  --z-toast: 800;
  --z-boot: 900;
  --z-crt: 950;
  --z-lock: 960;
}

/* ---------- AQUA (default) ---------- */
[data-theme="aqua"] {
  --line: #0b2a4a;
  --ink: #0b2036;
  --ink-soft: #3f5f7d;
  --paper: #eef8fc;
  --paper-2: #d7eef8;
  --paper-3: #b9e2f2;
  --accent: #1058c5;
  --accent-2: #2f7fd8;
  --accent-3: #8fd3f4;
  --accent-ink: #ffffff;
  --hi: rgba(255, 255, 255, .62);
  --lo: rgba(7, 30, 56, .30);
  --shadow: rgba(5, 24, 46, .38);
  --sun: #fff3b0;
  --wall-1: #6fc1ea;
  --wall-2: #dcf4ff;
  --wall-3: #a9d9ef;
  --wall-4: #5c9fc8;
  --wall-5: #2b6c96;
  --wall-6: #153f5f;
  --wall-glow: rgba(255, 244, 185, .55);
  --icon-bg: #c8e8f5;
  --note: #fff3b8;
  --note-ink: #3a2a05;
  --ok: #0a7a3f;
  --warn: #b45309;
  --err: #b42318;
}

/* ---------- MINT ---------- */
[data-theme="mint"] {
  --line: #0a2d1c;
  --ink: #0b2618;
  --ink-soft: #3d6350;
  --paper: #f1faf4;
  --paper-2: #dcf2e5;
  --paper-3: #c1e6d1;
  --accent: #0a7a3f;
  --accent-2: #2f9d63;
  --accent-3: #9fe0bd;
  --accent-ink: #ffffff;
  --hi: rgba(255, 255, 255, .62);
  --lo: rgba(6, 34, 22, .30);
  --shadow: rgba(5, 30, 20, .38);
  --sun: #fff6c9;
  --wall-1: #8fd3ad;
  --wall-2: #f2fff6;
  --wall-3: #c5e9d3;
  --wall-4: #6fb98d;
  --wall-5: #3d8a61;
  --wall-6: #1b5537;
  --wall-glow: rgba(255, 246, 201, .5);
  --icon-bg: #cdeedb;
  --note: #fff3b8;
  --note-ink: #3a2a05;
  --ok: #0a7a3f;
  --warn: #b45309;
  --err: #b42318;
}

/* ---------- LILAC ---------- */
[data-theme="lilac"] {
  --line: #2c0f45;
  --ink: #241035;
  --ink-soft: #5b4270;
  --paper: #f9f3fd;
  --paper-2: #eadcf5;
  --paper-3: #dcc7ee;
  --accent: #6b0f9e;
  --accent-2: #9a4bc4;
  --accent-3: #d9b6ec;
  --accent-ink: #ffffff;
  --hi: rgba(255, 255, 255, .60);
  --lo: rgba(36, 10, 54, .30);
  --shadow: rgba(30, 8, 46, .40);
  --sun: #ffe9fb;
  --wall-1: #5b3a86;
  --wall-2: #c9a6e6;
  --wall-3: #a27bc9;
  --wall-4: #6d4a99;
  --wall-5: #40265f;
  --wall-6: #241337;
  --wall-glow: rgba(255, 228, 250, .55);
  --icon-bg: #e3d0f2;
  --note: #fff3b8;
  --note-ink: #3a2a05;
  --ok: #0a7a3f;
  --warn: #b45309;
  --err: #b42318;
}

/* ---------- AMBER ---------- */
[data-theme="amber"] {
  --line: #3b1c04;
  --ink: #2e1703;
  --ink-soft: #6b4a24;
  --paper: #fff9e8;
  --paper-2: #ffedb9;
  --paper-3: #ffe08a;
  --accent: #c25c00;
  --accent-2: #e88a1a;
  --accent-3: #ffd36b;
  --accent-ink: #ffffff;
  --hi: rgba(255, 255, 255, .58);
  --lo: rgba(59, 28, 4, .28);
  --shadow: rgba(56, 26, 4, .38);
  --sun: #fff0a8;
  --wall-1: #ffb24d;
  --wall-2: #ffe9b5;
  --wall-3: #ffc97a;
  --wall-4: #e07f3f;
  --wall-5: #a34f2c;
  --wall-6: #5c2a1c;
  --wall-glow: rgba(255, 236, 170, .6);
  --icon-bg: #ffe6ad;
  --note: #fff3b8;
  --note-ink: #3a2a05;
  --ok: #0a7a3f;
  --warn: #b45309;
  --err: #b42318;
}

/* ---------- MIDNIGHT (secret) ---------- */
[data-theme="midnight"] {
  --line: #5b4bb8;
  --ink: #ece9ff;
  --ink-soft: #a9a2d6;
  --paper: #171a2e;
  --paper-2: #202541;
  --paper-3: #2b3157;
  --accent: #7c6cf0;
  --accent-2: #9b8cff;
  --accent-3: #3a2f7a;
  --accent-ink: #ffffff;
  --hi: rgba(255, 255, 255, .16);
  --lo: rgba(0, 0, 0, .45);
  --shadow: rgba(0, 0, 0, .55);
  --sun: #f4f0ff;
  --wall-1: #0a0f2a;
  --wall-2: #24306b;
  --wall-3: #3b2f74;
  --wall-4: #1a2050;
  --wall-5: #0e1334;
  --wall-6: #05071a;
  --wall-glow: rgba(140, 120, 255, .35);
  --icon-bg: #262c4e;
  --note: #ffe9a8;
  --note-ink: #3a2a05;
  --ok: #6ee7a8;
  --warn: #fbbf24;
  --err: #fb7185;
}