/*
 * Syntec One — customer theme skin template.
 *
 * Copy this into your customer module (e.g. ui/theme.css) and point the platform
 * env var SYNTEC_THEME_CSS at its absolute path. It is loaded AFTER the admin's
 * default tokens, so anything you set here overrides the defaults.
 *
 * Rules:
 *   - Override only CSS custom properties (design tokens). No other selectors.
 *   - Light overrides go under :root; dark overrides under [data-theme="dark"].
 *   - Delete any line you don't want to change — the default value then stands.
 *
 * The values below are the current defaults (a no-op starting point).
 */
:root {
  color-scheme: light;
  --surface: #ffffff;
  --surface-2: #f4f6f9;
  --surface-3: #eef1f4;
  --text: #1f2430;
  --text-muted: #6b7480;
  --border: #e3e7ec;
  --accent: #1f6fb2;
  --accent-contrast: #ffffff;
  --danger: #d9534f;
  --radius: 6px;
  --space: 8px;
  --filter-bg: #fbf6c4;
  --filter-text: #1f2430;
  --heading: #2b2b2b;
  --brand-blue: #0098da;
  --brand-orange: #ee9f3f;
  --menu-bg: #008ac6;
  --brand-bg: #0098da;
  --menu-text: #ffffff;
  --scrollbar-thumb: #a8b0b8;
  --menu-scrollbar-thumb: #006693;
  --btn-primary: #0098da;
  --checkbox-bg: #ffffff;
  --field-bg: #ffffff;
  --titlebar-h: 40px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --surface: #1b2330;
  --surface-2: #161d27;
  --surface-3: #232e3b;
  --text: #e6edf5;
  --text-muted: #8b97a7;
  --border: #232c38;
  --accent: #3d9be0;
  --accent-contrast: #ffffff;
  --danger: #e06b66;
  --heading: #e6edf5;
  --menu-bg: #10161f;
  --brand-bg: #10161f;
  --menu-text: var(--text);
  --filter-bg: #2a323d;
  --filter-text: #e6edf5;
  --scrollbar-thumb: #3a4453;
  --menu-scrollbar-thumb: #3a4453;
  --checkbox-bg: #4a4e54;
  --field-bg: #2c343f;
  --btn-primary: #2c3e50;
}