/* Token giao diện — bám theo bảng màu Hissoft Cloud (phong cách Redmine/Zenmine). */
:root {
  --font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono: Consolas, Menlo, "Liberation Mono", Courier, monospace;

  --primary: #116699;
  --primary-hover: #0d5280;
  --primary-dark: #0f4c75;
  --primary-light: #e8f4fc;

  --success: #1dc9a0;
  --success-strong: #0f9e7c;
  --success-bg: #d1fae5;
  --success-text: #065f46;
  --danger: #fd397a;
  --danger-hover: #e02d6a;
  --danger-bg: #ffe4ec;
  --danger-text: #9f1239;
  --warning: #ffa236;
  --warning-bg: #fff4e5;
  --warning-text: #8a4b00;
  --info: #5578eb;
  --info-bg: #e8edfd;
  --info-text: #2c46a8;

  --text: #333333;
  --text-secondary: #555555;
  --text-muted: #888888;
  --text-light: #aaaaaa;

  --bg-body: #f7f7f7;
  --bg-card: #ffffff;
  --bg-hover: #f0f6fa;
  --bg-muted: #f8fafc;
  --bg-input-disabled: #f3f4f6;

  --border: #e4e4e4;
  --border-light: #eeeeee;
  --border-input: #cccccc;
  --border-strong: #cbd5e1;

  --sidebar-bg: #3e5b76;
  --sidebar-hover: #4a6885;
  --sidebar-active: #2f4a63;
  --sidebar-text: #b8c7d4;
  --sidebar-text-hover: #dce4eb;
  --sidebar-group: #8fa6ba;

  --highlight-bg: #ffffcc;
  --focus-ring: 0 0 0 3px rgba(17, 102, 153, 0.25);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

  --header-height: 50px;
  --sidebar-width: 250px;
  --radius: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --control-height: 34px;
  --button-height: 36px;
}