/* WS-02 Akash tokens — from the web-shop-template skill (kit/tokens.css).
   <html data-look="ws02" data-theme="light|dark">; no data-theme = follow
   the system setting. Theme CSS uses var(--…) only, never raw hex.
   Every text pair passes WCAG AA in both themes; re-check if a value changes. */

:root[data-look="ws02"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --soft: #f4f8fc;
  --tint: #e6f1fb;
  --ink: #13202e;
  --muted: #55657a;
  --line: #dfe7f0;
  --accent: #1f5fa8;
  --on-accent: #ffffff;
  --sale-bg: #fff2db;
  --sale: #8a5300;
  --shadow: 0 1px 2px rgba(19, 32, 46, 0.08), 0 6px 16px rgba(19, 32, 46, 0.08);
  --shadow-lg: 0 1px 2px rgba(19, 32, 46, 0.08), 0 8px 20px rgba(19, 32, 46, 0.12);
  --cover-outline: rgba(0, 0, 0, 0.06);

  --font-head: "Anek Bangla", "Noto Sans Bengali", system-ui, sans-serif;
  --font-body: "Anek Bangla", "Noto Sans Bengali", system-ui, sans-serif;
  --radius-sm: 8px;
  --radius: 10px;
  --radius-lg: 12px;
  --radius-xl: 18px;
  --wrap: 1240px;
  --gutter: 32px;
  color-scheme: light;
}

:root[data-look="ws02"][data-theme="dark"] {
  --bg: #0e141b;
  --surface: #151d27;
  --soft: #1a2430;
  --tint: #16283b;
  --ink: #e5ecf4;
  --muted: #9aa9ba;
  --line: #2a3646;
  --accent: #7eb6ee;
  --on-accent: #0b1c2e;
  --sale-bg: #3a2c12;
  --sale: #f4c46b;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 6px 16px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.4);
  --cover-outline: rgba(255, 255, 255, 0.1);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root[data-look="ws02"]:not([data-theme]) {
    --bg: #0e141b;
    --surface: #151d27;
    --soft: #1a2430;
    --tint: #16283b;
    --ink: #e5ecf4;
    --muted: #9aa9ba;
    --line: #2a3646;
    --accent: #7eb6ee;
    --on-accent: #0b1c2e;
    --sale-bg: #3a2c12;
    --sale: #f4c46b;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 6px 16px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.4);
    --cover-outline: rgba(255, 255, 255, 0.1);
    color-scheme: dark;
  }
}

@media (max-width: 720px) {
  :root[data-look="ws02"] {
    --gutter: 16px;
  }
}

/* Physical book parts — the same in both themes (covers are never inverted). */
:root[data-look="ws02"] {
  --paper: #f6f1e6;
  --paper-line: #ddd6c6;
  --cast-shadow: #000000;
  /* Behind a dialog (look inside), both themes */
  --overlay: rgba(8, 12, 17, 0.72);
}

/* Generated book covers (no image yet) — background / text, all ≥ 5:1. */
.cv-1 {
  background: #7a3b2e;
  color: #f7e9d7;
}
.cv-2 {
  background: #2e4a6b;
  color: #eef3f8;
}
.cv-3 {
  background: #d9a441;
  color: #2a1d05;
}
.cv-4 {
  background: #2f5e55;
  color: #eaf4ef;
}
.cv-5 {
  background: #5b3b5e;
  color: #f5eaf4;
}
.cv-6 {
  background: #e9dfc8;
  color: #3a2e1a;
}
.cv-7 {
  background: #a84b3a;
  color: #fff1e6;
}
.cv-8 {
  background: #3d5a2a;
  color: #eef5e4;
}
.cv-9 {
  background: #1f3b4d;
  color: #e8f0f5;
}
.cv-10 {
  background: #7a5c22;
  color: #fff4dc;
}