:root {
  --font: "Inter", "Salesforce Sans", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Agham Technologies logo palette, used as accents inside Lightning chrome. */
  --brand-green: #079447;
  --brand-green-dark: #057437;
  --brand-magenta: #d92863;
  --brand-blue: #0176d3;
  --brand-blue-dark: #014486;
  --accent: #0176d3;
  --accent-hover: #014486;
  --accent-dim: #eef4ff;
  --accent-glow: rgba(1, 118, 211, 0.22);

  --bg-primary: #f3f3f3;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #fafaf9;
  --bg-input: #ffffff;
  --bg-subtle: #f3f3f3;
  --bg-hover: #f3f3f3;

  --text-primary: #181818;
  --text-secondary: #444444;
  --text-muted: #706e6b;

  --success: #2e844a;
  --success-dim: #eefef3;
  --danger: #ea001e;
  --danger-dim: #fef1ee;
  --warning: #dd7a01;
  --warning-dim: #fff8e6;

  --border: #c9c9c9;
  --border-light: #dddbda;

  --radius: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-sm: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);

  --header-height: 50px;
  --sidebar-width: 220px;
  --sidebar-collapsed: 56px;
  --transition: 0.12s ease;
  --control-height: 32px;
  --focus-ring: 0 0 0 3px rgba(1, 118, 211, 0.28);
  --primary: var(--accent);

  --sidebar-bg: #ffffff;
  --sidebar-border: #dddbda;
  --sidebar-text: #3e3e3c;
  --sidebar-text-active: #032d60;
  --sidebar-hover: #f3f3f3;
  --sidebar-active: #eef4ff;

  --lx-header: #ffffff;
  --lx-header-hover: #f3f3f3;
  --lx-header-search: #f3f3f3;
  --lx-navy: #032d60;

  --adn-teal: var(--accent);
  --adn-teal-dark: var(--accent-hover);
  --adn-ink: var(--text-primary);
  --adn-muted: var(--text-muted);
  --adn-line: var(--border);
  --adn-panel: var(--bg-card);
  --adn-canvas: var(--bg-primary);
  --adn-radius: var(--radius);
  --adn-bg: var(--bg-primary);
  --adn-surface: var(--bg-card);
  --adn-surface-soft: var(--bg-subtle);
  --adn-ink-soft: var(--text-secondary);
  --adn-navy: #032d60;
  --adn-shadow: var(--shadow);
}

/* The theme is an app preference, not a one-page decoration.  Keep the
   semantic tokens here so every view (including forms and empty states) follows
   the same persisted choice. */
html[data-theme="dark"] {
  color-scheme: dark;
  --accent: #62d9ff;
  --accent-hover: #8ce7ff;
  --accent-dim: #12364a;
  --accent-glow: rgba(98, 217, 255, .2);
  --bg-primary: #0b1220;
  --bg-secondary: #111a2b;
  --bg-card: #111a2b;
  --bg-card-hover: #17243a;
  --bg-input: #0f192a;
  --bg-subtle: #0e1727;
  --bg-hover: #17243a;
  --text-primary: #f4f7fb;
  --text-secondary: #c2cfdd;
  --text-muted: #8da2bb;
  --success: #43d39e;
  --success-dim: #102d2d;
  --danger: #ff7a8a;
  --danger-dim: #351b28;
  --warning: #ffc857;
  --warning-dim: #332713;
  --border: #2a3b52;
  --border-light: #203047;
  --shadow: 0 2px 8px rgba(0, 0, 0, .24);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .22);
  --shadow-lg: 0 14px 36px rgba(0, 0, 0, .38);
  --sidebar-bg: #0d1727;
  --sidebar-border: #203047;
  --sidebar-text: #c2cfdd;
  --sidebar-text-active: #8ce7ff;
  --sidebar-hover: #17243a;
  --sidebar-active: #12364a;
  --lx-header: #0d1727;
  --lx-header-hover: #17243a;
  --lx-header-search: #111d31;
  --lx-navy: #f4f7fb;
  --adn-ink: #f4f7fb;
  --adn-muted: #8da2bb;
  --adn-line: #2a3b52;
  --adn-panel: #111a2b;
  --adn-canvas: #0b1220;
  --adn-bg: #0b1220;
  --adn-surface: #111a2b;
  --adn-surface-soft: #0e1727;
  --adn-ink-soft: #c2cfdd;
  --adn-navy: #f4f7fb;
  --adn-shadow: var(--shadow);
}