/* LC CRM visual tokens layered after common.css */
:root {
  --bg: #edf2ff;
  --surface: #ffffff;
  --surface-elevated: rgba(255, 255, 255, 0.9);
  --card: #ffffff;
  --line: #dbe5f3;
  --line-strong: #c9d8ed;

  --text: #0f172a;
  --text-soft: #4b5b73;
  --text-muted: #8193ae;

  --accent: #155eef;
  --accent-hover: #0f4fcc;
  --accent-active: #0b3d99;
  --accent-soft: rgba(21, 94, 239, 0.14);

  --radius-card: 18px;
  --radius-btn: 12px;
  --radius-input: 12px;
  --radius-table: 14px;
  --shadow-soft: 0 12px 28px rgba(15, 23, 42, 0.08);
}

:root[data-theme="dark"] {
  --bg: #0f1729;
  --surface: #121d33;
  --surface-elevated: rgba(18, 29, 51, 0.9);
  --card: #121d33;
  --line: rgba(187, 203, 229, 0.2);
  --line-strong: rgba(187, 203, 229, 0.34);

  --text: #e5ecf8;
  --text-soft: #a5b4cc;
  --text-muted: #72839f;

  --accent: #4e87ff;
  --accent-hover: #74a2ff;
  --accent-active: #2b6af0;
  --accent-soft: rgba(78, 135, 255, 0.22);

  --shadow-soft: 0 14px 30px rgba(2, 6, 23, 0.45);
}