/* Büro Copy Center — shared visual foundations for the panel and Kasa. */
:root {
  color-scheme: light;
  --kasa-bg: #f3f1ee;
  --kasa-surface: rgba(255, 255, 255, 0.9);
  --kasa-surface-solid: #ffffff;
  --kasa-surface-raised: #ffffff;
  --kasa-surface-sunk: #ece7e2;
  --kasa-line: #e3ddd6;
  --kasa-line-strong: #d2c9c0;
  --kasa-text: #17151a;
  --kasa-muted: #6b6570;
  --kasa-accent: #21c461;
  --kasa-accent-strong: #11833d;
  --kasa-accent-soft: rgba(202, 37, 144, 0.11);
  --kasa-lime: #8bf25e;
  --kasa-blue: #42a5f5;
  --kasa-amber: #f4b740;
  --kasa-danger: #ef6a62;
  --kasa-danger-soft: rgba(239, 106, 98, 0.12);
  --kasa-shadow: 0 20px 48px -12px rgba(23, 21, 26, 0.22), 0 4px 12px rgba(23, 21, 26, 0.08);
  --kasa-shadow-soft: 0 6px 20px -6px rgba(23, 21, 26, 0.16), 0 2px 6px rgba(23, 21, 26, 0.06);
  --kasa-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --kasa-radius-sm: 12px;
  --kasa-radius: 18px;
  --kasa-radius-lg: 24px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --kasa-bg: #06110a;
  --kasa-surface: rgba(12, 31, 18, 0.86);
  --kasa-surface-solid: #0c2113;
  --kasa-surface-raised: #102a18;
  --kasa-line: rgba(125, 224, 151, 0.12);
  --kasa-line-strong: rgba(91, 238, 128, 0.26);
  --kasa-text: #f0f8f2;
  --kasa-muted: #8fa398;
  --kasa-accent: #51e879;
  --kasa-accent-strong: #25b958;
  --kasa-accent-soft: rgba(81, 232, 121, 0.1);
  --kasa-lime: #a1ff72;
  --kasa-blue: #5eb7ff;
  --kasa-amber: #f4c250;
  --kasa-danger: #ff7770;
  --kasa-danger-soft: rgba(255, 119, 112, 0.12);
  --kasa-shadow: 0 24px 70px rgba(0, 0, 0, 0.3), 0 2px 12px rgba(0, 0, 0, 0.18);
  --kasa-shadow-soft: 0 12px 34px rgba(0, 0, 0, 0.22);
}