/* ============================================================
   Maian Games — token giao diện dùng chung cho mọi game
   Bảng màu lấy từ quả dưa hấu: vỏ lục sẫm → nền, ruột đỏ → nhấn,
   hạt đen → khối tối, cùi trắng → chữ.
   Mọi game chỉ được dùng biến trong file này, không viết mã màu thẳng.
   ============================================================ */

:root {
  /* --- màu: giao diện tối là mặc định --- */
  --bg: #0A130F;
  --panel: #122019;
  --panel-hi: #1B2E24;
  --line: #24382C;
  --text: #E8F2EA;
  --muted: #93A89A;
  --accent: #FF3D5A;
  --accent-ink: #FFFFFF;
  --leaf: #7CC243;
  --leaf-ink: #06140A;
  --warn: #FFB53D;
  --seed: #060C09;
  --thumb-a: #1B2E24;
  --thumb-b: #060C09;
  --shadow: 0 14px 32px rgba(0, 0, 0, .42);
  --scrim: rgba(4, 9, 6, .72);

  /* --- chữ --- */
  --f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* --- hình khối --- */
  --radius: 18px;
  --radius-sm: 10px;
  --tap: 38px;
  --pad: 16px;
}

:root[data-theme="light"] {
  --bg: #F4F7F0;
  --panel: #FFFFFF;
  --panel-hi: #EBF1E5;
  --line: #D7E0D1;
  --text: #10201A;
  --muted: #5A6E60;
  --accent: #E01F42;
  --accent-ink: #FFFFFF;
  --leaf: #4E8C1F;
  --leaf-ink: #FFFFFF;
  --warn: #B87500;
  --seed: #10201A;
  --thumb-a: #FFFFFF;
  --thumb-b: #DCE7D6;
  --shadow: 0 10px 26px rgba(20, 40, 28, .14);
  --scrim: rgba(16, 32, 26, .45);
}

/* Người dùng chưa chọn gì mà máy đang để giao diện sáng thì theo máy. */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F4F7F0;
    --panel: #FFFFFF;
    --panel-hi: #EBF1E5;
    --line: #D7E0D1;
    --text: #10201A;
    --muted: #5A6E60;
    --accent: #E01F42;
    --accent-ink: #FFFFFF;
    --leaf: #4E8C1F;
    --leaf-ink: #FFFFFF;
    --warn: #B87500;
    --seed: #10201A;
    --thumb-a: #FFFFFF;
    --thumb-b: #DCE7D6;
    --shadow: 0 10px 26px rgba(20, 40, 28, .14);
    --scrim: rgba(16, 32, 26, .45);
  }
}