/* Webbi semantic dark/light themes v0.1 — APPROVED FOR PILOT USE */
:root,
[data-webbi-theme="dark"] {
  color-scheme: dark;
  --webbi-bg-canvas: #000000;
  --webbi-bg-surface: #020b17;
  --webbi-bg-raised: #071426;
  --webbi-bg-interactive: #0b2036;
  --webbi-text-primary: #f2f4f7;
  --webbi-text-secondary: #b7c4d1;
  --webbi-text-muted: #8a99a8;
  --webbi-text-inverse: #020b17;
  --webbi-border-subtle: #17324a;
  --webbi-border-strong: #31658f;
  --webbi-action-primary: #00b8ff;
  --webbi-action-primary-hover: #38c8ff;
  --webbi-action-secondary: #0b2036;
  --webbi-link: #00b8ff;
  --webbi-signature-blue: #b8dfff;
  --webbi-focus: #88ddff;
  --webbi-status-info: #00b8ff;
  --webbi-status-success: #4adea3;
  --webbi-status-warning: #d9a72d;
  --webbi-status-danger: #ff6b7d;
  --webbi-overlay: rgb(0 0 0 / 72%);
  --webbi-disabled-bg: #12344d;
  --webbi-disabled-text: #8a99a8;
  --webbi-disabled-border: #17324a;
  --webbi-elevation-panel: 0 0.75rem 2rem rgb(0 0 0 / 45%);
  --webbi-shadow-subtle: rgb(0 0 0 / 32%);
  --webbi-shadow-lifted: rgb(0 0 0 / 42%);
}

[data-webbi-theme="light"] {
  color-scheme: light;
  --webbi-bg-canvas: #f3f7fb;
  --webbi-bg-surface: #ffffff;
  --webbi-bg-raised: #eaf2f8;
  --webbi-bg-interactive: #ddeaf4;
  --webbi-text-primary: #0b1724;
  --webbi-text-secondary: #33485c;
  --webbi-text-muted: #586c7f;
  --webbi-text-inverse: #ffffff;
  --webbi-border-subtle: #c4d3e0;
  --webbi-border-strong: #7890a5;
  --webbi-action-primary: #0067d9;
  --webbi-action-primary-hover: #0057ba;
  --webbi-action-secondary: #ddeaf4;
  --webbi-link: #005fcc;
  --webbi-signature-blue: #0067d9;
  --webbi-focus: #005fcc;
  --webbi-status-info: #005fcc;
  --webbi-status-success: #0b6b45;
  --webbi-status-warning: #7a5200;
  --webbi-status-danger: #b42336;
  --webbi-overlay: rgb(11 23 36 / 58%);
  --webbi-disabled-bg: #d7e3ee;
  --webbi-disabled-text: #637588;
  --webbi-disabled-border: #c4d3e0;
  --webbi-elevation-panel: 0 0.5rem 1.5rem rgb(20 45 65 / 18%);
  --webbi-shadow-subtle: rgb(20 45 65 / 10%);
  --webbi-shadow-lifted: rgb(20 45 65 / 18%);
}