/* name: "Bếp" · mode: dark
   Kitchen screens: dark, high contrast, large, readable from 3 m. */
[data-theme="bep"] {
  color-scheme: dark;
  --color-primary: #ffb300;
  --color-primary-hover: #ffca4d;
  --color-primary-contrast: #1a1200;
  --color-primary-soft: #3a2c00;
  --header-bg: #0d0f12;
  --nav-bg: #1a1d22;
  --nav-text: #ffffff;
  --nav-hover-bg: #2c3139;
  --page-bg: #000000;
  --card-bg: #14171b;
  --text: #ffffff;
  --text-muted: #c4c9d0;
  --border: #3a4049;
  --table-head-bg: #22262c;
  --success: #4ade80;
  --warning: #ffb300;
  --danger: #ff5c5c;
  --focus-ring: #ffffff;
  --badge-soon-bg: #3a2c00;
  --badge-soon-text: #ffd36b;
  --pos-bg: #4ade80;
  --pos-hover-bg: #86efac;
  --pos-text: #04210e;
  --shadow: none;
  --radius: 10px;
  --font-sans: "Be Vietnam Pro", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --density: 1.2;
}

/* name: "68 Đỏ" · mode: light
   A warm red, suited to restaurants. */
[data-theme="do-68"] {
  color-scheme: light;
  --color-primary: #c62828;
  --color-primary-hover: #a31f1f;
  --color-primary-contrast: #ffffff;
  --color-primary-soft: #fdecea;
  --header-bg: #ffffff;
  --nav-bg: var(--color-primary);
  --nav-text: #ffffff;
  --nav-hover-bg: #a31f1f;
  --page-bg: #f6f4f4;
  --card-bg: #ffffff;
  --text: #1f2328;
  --text-muted: #5f5a5a;
  --border: #e5dede;
  --table-head-bg: #fdecea;
  --success: #15803d;
  --warning: #b45309;
  --danger: #b71c1c;
  --focus-ring: #1565c0;
  --badge-soon-bg: #fff4d6;
  --badge-soon-text: #7a4b00;
  --pos-bg: #1f2328;
  --pos-hover-bg: #000000;
  --pos-text: #ffffff;
  --shadow: 0 1px 2px rgb(40 16 16 / 8%), 0 4px 12px rgb(40 16 16 / 8%);
  --radius: 8px;
  --font-sans: "Be Vietnam Pro", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --density: 1;
}

/* name: "Ngọc lục bảo" · mode: light */
[data-theme="ngoc-luc-bao"] {
  color-scheme: light;
  --color-primary: #047857;
  --color-primary-hover: #065f46;
  --color-primary-contrast: #ffffff;
  --color-primary-soft: #e3f6ee;
  --header-bg: #ffffff;
  --nav-bg: var(--color-primary);
  --nav-text: #ffffff;
  --nav-hover-bg: #065f46;
  --page-bg: #f3f6f5;
  --card-bg: #ffffff;
  --text: #1c2421;
  --text-muted: #56625d;
  --border: #d9e2de;
  --table-head-bg: #e3f6ee;
  --success: #047857;
  --warning: #b45309;
  --danger: #c62828;
  --focus-ring: #f59e0b;
  --badge-soon-bg: #fff4d6;
  --badge-soon-text: #7a4b00;
  --pos-bg: #1565c0;
  --pos-hover-bg: #0d4f9e;
  --pos-text: #ffffff;
  --shadow: 0 1px 2px rgb(16 40 30 / 8%), 0 4px 12px rgb(16 40 30 / 8%);
  --radius: 8px;
  --font-sans: "Be Vietnam Pro", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --density: 1;
}

/* name: "POS gọn" · mode: light
   Compact density for small counter screens. */
[data-theme="pos-gon"] {
  color-scheme: light;
  --color-primary: #1565c0;
  --color-primary-hover: #0d4f9e;
  --color-primary-contrast: #ffffff;
  --color-primary-soft: #e3effc;
  --header-bg: #ffffff;
  --nav-bg: var(--color-primary);
  --nav-text: #ffffff;
  --nav-hover-bg: #0d4f9e;
  --page-bg: #eef0f3;
  --card-bg: #ffffff;
  --text: #1f2328;
  --text-muted: #59626e;
  --border: #d5dae0;
  --table-head-bg: #e3effc;
  --success: #15803d;
  --warning: #b45309;
  --danger: #c62828;
  --focus-ring: #f59e0b;
  --badge-soon-bg: #fff4d6;
  --badge-soon-text: #7a4b00;
  --pos-bg: #15803d;
  --pos-hover-bg: #166534;
  --pos-text: #ffffff;
  --shadow: 0 1px 2px rgb(16 24 40 / 10%);
  --radius: 6px;
  --font-sans: "Be Vietnam Pro", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --density: 0.85;
}

/* name: "Tối" · mode: dark */
[data-theme="toi"] {
  color-scheme: dark;
  --color-primary: #5ea2ff;
  --color-primary-hover: #84b8ff;
  --color-primary-contrast: #0b1220;
  --color-primary-soft: #1d2b40;
  --header-bg: #181c22;
  --nav-bg: #1f2a3a;
  --nav-text: #e8edf4;
  --nav-hover-bg: #2b3a50;
  --page-bg: #111418;
  --card-bg: #181c22;
  --text: #e6e8eb;
  --text-muted: #a5adb8;
  --border: #2e353f;
  --table-head-bg: #1d2b40;
  --success: #4ade80;
  --warning: #fbbf24;
  --danger: #f87171;
  --focus-ring: #fbbf24;
  --badge-soon-bg: #3a2f12;
  --badge-soon-text: #fcd679;
  --pos-bg: #22c55e;
  --pos-hover-bg: #4ade80;
  --pos-text: #06210f;
  --shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 12px rgb(0 0 0 / 30%);
  --radius: 8px;
  --font-sans: "Be Vietnam Pro", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --density: 1;
}

/* name: "Tương phản cao" · mode: light
   For low vision and bright sunlight: pure black on white, thick focus ring. */
[data-theme="tuong-phan-cao"] {
  color-scheme: light;
  --color-primary: #0033a0;
  --color-primary-hover: #001f66;
  --color-primary-contrast: #ffffff;
  --color-primary-soft: #dfe8ff;
  --header-bg: #ffffff;
  --nav-bg: #000000;
  --nav-text: #ffffff;
  --nav-hover-bg: #0033a0;
  --page-bg: #ffffff;
  --card-bg: #ffffff;
  --text: #000000;
  --text-muted: #262626;
  --border: #000000;
  --table-head-bg: #dfe8ff;
  --success: #005a1e;
  --warning: #7a3b00;
  --danger: #a00000;
  --focus-ring: #d10000;
  --badge-soon-bg: #000000;
  --badge-soon-text: #ffffff;
  --pos-bg: #005a1e;
  --pos-hover-bg: #003d14;
  --pos-text: #ffffff;
  --shadow: none;
  --radius: 4px;
  --font-sans: "Be Vietnam Pro", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --density: 1.1;
}

/* name: "Xanh dương" · mode: light
   The default theme of the sign-in page and of new branches. Every theme defines exactly the
   same tokens (see themes/README.md). */
[data-theme="xanh-duong"] {
  color-scheme: light;
  --color-primary: #1565c0;
  --color-primary-hover: #0d4f9e;
  --color-primary-contrast: #ffffff;
  --color-primary-soft: #e3effc;
  --header-bg: #ffffff;
  --nav-bg: var(--color-primary);
  --nav-text: #ffffff;
  --nav-hover-bg: #0d4f9e;
  --page-bg: #f4f5f7;
  --card-bg: #ffffff;
  --text: #1f2328;
  --text-muted: #59626e;
  --border: #dde1e6;
  --table-head-bg: #e3effc;
  --success: #15803d;
  --warning: #b45309;
  --danger: #c62828;
  --focus-ring: #f59e0b;
  --badge-soon-bg: #fff4d6;
  --badge-soon-text: #7a4b00;
  --pos-bg: #15803d;
  --pos-hover-bg: #166534;
  --pos-text: #ffffff;
  --shadow: 0 1px 2px rgb(16 24 40 / 8%), 0 4px 12px rgb(16 24 40 / 8%);
  --radius: 8px;
  --font-sans: "Be Vietnam Pro", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --density: 1;
}