/*
 * theme.css - ALL colours of the panel live here.
 * Light mode = the :root block. Dark mode = the [data-theme="dark"] block.
 * theme.js sets  <html data-theme="light|dark">  (System mode picks one automatically).
 * Want a different main colour? Change --primary / --primary-2 below. That's it.
 */
:root {
  color-scheme: light;
  --bg: #eef1f8;                       /* page background */
  --blob-1: #c7d7ff;                   /* soft coloured glow behind the glass */
  --blob-2: #ffd5e6;
  --blob-3: #cff3e3;
  --surface: rgba(255, 255, 255, .80); /* cards */
  --surface-solid: #ffffff;
  --border: rgba(25, 35, 70, .10);
  --text: #1c2230;
  --muted: #6b7488;
  --primary: #3f6fd8;                  /* main accent */
  --primary-2: #8b5cf6;                /* second accent (gradients) */
  --ok: #12a150;                       /* sold / success green */
  --danger: #e5484d;
  --warn: #f59e0b;
  --input-bg: #ffffff;
  --input-border: #cdd3e0;
  --row-hover: rgba(63, 111, 216, .07);
  --table-line: rgba(25, 35, 70, .10);
  --glass: rgba(255, 255, 255, .62);   /* side panel + top bar glass */
  --glass-border: rgba(255, 255, 255, .85);
  --shadow: 0 8px 28px rgba(30, 40, 80, .12);
  --seg-bg: rgba(25, 35, 70, .08);     /* behind the Light/System/Dark switch */
  /* embossed (neumorphic) login page */
  --nm-bg: #e8ebf2;
  --nm-hi: #ffffff;
  --nm-lo: #c4cad9;
  --nm-text: #1f2430;
  --nm-accent: #0b63c9;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #12151d;
  --blob-1: #26356b;
  --blob-2: #4a2a52;
  --blob-3: #1f4a42;
  --surface: rgba(32, 36, 48, .80);
  --surface-solid: #232733;
  --border: rgba(255, 255, 255, .09);
  --text: #e8ebf3;
  --muted: #9aa3b8;
  --primary: #6e9bff;
  --primary-2: #a78bfa;
  --ok: #34d17a;
  --danger: #ff6b70;
  --warn: #fbbf24;
  --input-bg: #1a1d28;
  --input-border: #3a4052;
  --row-hover: rgba(110, 155, 255, .10);
  --table-line: rgba(255, 255, 255, .10);
  --glass: rgba(38, 42, 56, .60);
  --glass-border: rgba(255, 255, 255, .13);
  --shadow: 0 8px 28px rgba(0, 0, 0, .45);
  --seg-bg: rgba(255, 255, 255, .09);
  --nm-bg: #2a2e37;
  --nm-hi: #363b47;
  --nm-lo: #1c1f26;
  --nm-text: #e6e9f0;
  --nm-accent: #5aa2ff;
}