/* ========== 設計代號（沿用「小女僕換裝室」新版） ==========
   配色：Color Hunt #FFF5E4 #FFE3E1 #FFD1D1 #FF9494 ＋ #FFC7C7 #FFE2E2 #F6F6F6 #8785A2
   字型：俐方體11號 Cubic 11（ACh-K，SIL OFL 1.1）
   圖層順序：tokens → base（共用元件）→ layout（版面）→ modules（各功能） */
@layer tokens, base, layout, modules;

@font-face{font-family:"Cubic 11";src:url(https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@main/fonts/web/Cubic_11.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@main/fonts/web/Cubic_11.woff) format("woff");font-display:swap}

@layer tokens {
  :root {
    --bg0:#FFF5E4; --bg1:#FFE3E1; --tile:#FFF0EE; --lav:#FFD1D1; --acc:#FF9494; --acc2:#8785A2; --pink:#FFC7C7;
    --rose:#FF9494; --peach:#FFE2E2; --mint:#F6F6F6; --ink:#4E4B66; --sub:#8785A2; --line:#FFD1D1; --red:#E5677F;
    --glass:rgba(96,94,122,.72); --paper:#F6F6F6;
    --hand:"Cubic 11", "Noto Sans TC", sans-serif;
    --panel-w:392px;
    --pg:linear-gradient(rgba(255,209,209,.55) 1px, transparent 1px) 0 0/32px 32px, linear-gradient(90deg, rgba(255,209,209,.55) 1px, transparent 1px) 0 0/32px 32px, var(--bg0);
    --gingham:linear-gradient(90deg, rgba(255,148,148,.16) 50%, transparent 50%) 0 0/48px 48px, linear-gradient(rgba(255,148,148,.16) 50%, transparent 50%) 0 0/48px 48px, #FFE2E2;
    --washi:linear-gradient(90deg, rgba(255,148,148,.45) 50%, transparent 50%) 0 0/14px 14px, linear-gradient(rgba(255,148,148,.45) 50%, transparent 50%) 0 0/14px 14px, #FFE2E2;
    --washi-clip:polygon(0 0,100% 0,96% 25%,100% 50%,96% 75%,100% 100%,0 100%,4% 75%,0 50%,4% 25%);
    --card-shadow:0 2px 0 var(--line), 0 6px 18px rgba(135,133,162,.06);
    --paper-shadow:0 2px 3px rgba(0,0,0,.12), 0 22px 46px rgba(60,40,80,.28);
    font-family:"Cubic 11", "Noto Sans TC", system-ui, sans-serif; font-size:12px;
    -webkit-font-smoothing:none; -moz-osx-font-smoothing:unset; text-rendering:optimizeSpeed;
    color:var(--ink); background:var(--bg0);
  }
}