/* ============================================================
   K&H Office — Design tokens (theo giao diện 1Office)
   Đổi ở đây là đổi cả app.
   ============================================================ */
:root {
  /* Thương hiệu (đỏ 1Office) */
  --primary: #e8483d;
  --primary-600: #d43a30;
  --primary-700: #b92f26;
  --primary-050: #fdecea;

  /* Trạng thái */
  --success: #22a06b;
  --success-050: #e7f5ef;
  --warning: #e8930c;
  --warning-050: #fdf3e2;
  --info: #2f80ed;
  --info-050: #e9f2fe;
  --purple: #7c5cff;
  --purple-050: #f1ecff;
  --danger: #e8483d;

  /* Nền & bề mặt */
  --bg: #eef1f6;
  --surface: #ffffff;
  --surface-2: #f8f9fb;
  --surface-3: #f2f4f7;

  /* Chữ */
  --text: #1f2430;
  --text-2: #5b6472;
  --text-3: #98a1b0;

  /* Viền & bóng */
  --border: #eceef2;
  --border-2: #e2e5ec;
  --shadow-sm: 0 1px 2px rgba(20, 24, 33, .05);
  --shadow-md: 0 4px 16px rgba(20, 24, 33, .06);
  --shadow-lg: 0 16px 48px rgba(20, 24, 33, .16);

  /* Kích thước */
  --radius: 12px;
  --radius-sm: 8px;
  --gap: 16px;

  --font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d7dbe2; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background-color: #c2c8d1; }