/* Generated from the JIMEG EnMS design system tokens.json (v1). Do not edit by hand. */

:root {
  color-scheme: light;
  --font-sans: "Matter", "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-0: 0px;
  --radius-pill: 999px;
  --surface: #edeeef;
  --surface-raised: #ffffff;
  --line: #d9dce3;
  --line-strong: #858d9c;
  --ink: #1f0040;
  --ink-muted: #5a6374;
  --purple: #7d00ff;
  --purple-hover: #5e00c2;
  --purple-soft: #f3ebff;
  --on-purple: #ffffff;
  --coral: #fb5271;
  --coral-text: #c42a50;
  --coral-soft: #ffecef;
  --on-coral: #1f0040;
  --brand-purple: #7d00ff;
  --brand-coral: #fb5271;
  --on-brand: #ffffff;
  --ok: #067647;
  --ok-soft: #e7f6ee;
  --warn: #9a5b00;
  --warn-soft: #fff4dc;
  --error: #b42318;
  --error-soft: #fdecea;
  --info: #0072a8;
  --info-soft: #e5f4fb;
  --neutral-soft: #edeeef;
  --commodity-elektrina: #7d00ff;
  --commodity-plyn: #c42a50;
  --commodity-teplo: #b86e00;
  --commodity-voda: #0083c2;
  --commodity-oze: #1f8a6c;
  --commodity-ostatni: #5a6374;
  --focus: var(--purple);
  --link: var(--purple);
  --shadow-overlay: 0 8px 24px rgba(31,0,64,0.16);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  color-scheme: dark;
  --surface: #140029;
  --surface-raised: #1f0a3a;
  --line: #3a2a55;
  --line-strong: #7a6a99;
  --ink: #f1ecf8;
  --ink-muted: #b3abc4;
  --purple: #a366ff;
  --purple-hover: #b98cff;
  --purple-soft: #22103f;
  --on-purple: #140029;
  --coral: #ff7d95;
  --coral-text: #ff7d95;
  --coral-soft: #3a1020;
  --on-coral: #140029;
  --brand-purple: #7d00ff;
  --brand-coral: #fb5271;
  --on-brand: #ffffff;
  --ok: #5bd49a;
  --ok-soft: #0f2e22;
  --warn: #f5b84a;
  --warn-soft: #33240a;
  --error: #ff8a80;
  --error-soft: #3a1414;
  --info: #5cc3f2;
  --info-soft: #0c2a3a;
  --neutral-soft: #2a1a45;
  --commodity-elektrina: #a366ff;
  --commodity-plyn: #ff7d95;
  --commodity-teplo: #f5a524;
  --commodity-voda: #4cc0f0;
  --commodity-oze: #4fd1a8;
  --commodity-ostatni: #b3abc4;
  --focus: var(--purple);
  --link: var(--purple);
  --shadow-overlay: 0 8px 24px rgba(0,0,0,0.5);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #140029;
  --surface-raised: #1f0a3a;
  --line: #3a2a55;
  --line-strong: #7a6a99;
  --ink: #f1ecf8;
  --ink-muted: #b3abc4;
  --purple: #a366ff;
  --purple-hover: #b98cff;
  --purple-soft: #22103f;
  --on-purple: #140029;
  --coral: #ff7d95;
  --coral-text: #ff7d95;
  --coral-soft: #3a1020;
  --on-coral: #140029;
  --brand-purple: #7d00ff;
  --brand-coral: #fb5271;
  --on-brand: #ffffff;
  --ok: #5bd49a;
  --ok-soft: #0f2e22;
  --warn: #f5b84a;
  --warn-soft: #33240a;
  --error: #ff8a80;
  --error-soft: #3a1414;
  --info: #5cc3f2;
  --info-soft: #0c2a3a;
  --neutral-soft: #2a1a45;
  --commodity-elektrina: #a366ff;
  --commodity-plyn: #ff7d95;
  --commodity-teplo: #f5a524;
  --commodity-voda: #4cc0f0;
  --commodity-oze: #4fd1a8;
  --commodity-ostatni: #b3abc4;
  --focus: var(--purple);
  --link: var(--purple);
  --shadow-overlay: 0 8px 24px rgba(0,0,0,0.5);
}