/* Generated from theme.toml and Settings > Theme (nemo.theme); edit those, not this. */
:root {
  --bg: #f6f6f4;
  --surface: #ffffff;
  --surface-2: #f0f0ed;
  --hover: #ecece8;
  --border: #deded9;
  --focus: color-mix(in srgb, var(--accent) 80%, #fff);
  --shadow: 0 10px 30px rgb(0 0 0 / 0.14);
  --radius: 8px;
  --accent: rgb(2, 86, 114);
  --accent-text: #ffffff;
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--surface));
  --danger: #b42318;
  --danger-soft: #fdecea;
  --warn: #8a5300;
  --ok: #1f7a3f;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size: 14px;
  --font-weight: 400;
  --text: #1d1d1b;
  --muted: #66665f;
  --font-heading: var(--font-body);
  --heading-weight: 700;
  --heading: var(--text);
  --btn-radius: 6px;
  --btn-default-bg: var(--surface);
  --btn-default-bg-hover: var(--hover);
  --btn-default-border: var(--border);
  --btn-default-border-width: 1px;
  --btn-default-text: var(--text);
  --btn-primary-bg: var(--accent);
  --btn-primary-bg-hover: color-mix(in srgb, var(--btn-primary-bg) 88%, #fff);
  --btn-primary-border: var(--btn-primary-bg);
  --btn-primary-border-width: 1px;
  --btn-primary-text: var(--accent-text);
  --btn-outline-bg: var(--surface);
  --btn-outline-bg-hover: var(--hover);
  --btn-outline-border: var(--accent);
  --btn-outline-border-width: 1px;
  --btn-outline-text: var(--accent);
  --btn-danger-bg: transparent;
  --btn-danger-bg-hover: var(--danger-soft);
  --btn-danger-border: var(--danger);
  --btn-danger-border-width: 1px;
  --btn-danger-text: var(--danger);
  --btn-quiet-bg: transparent;
  --btn-quiet-bg-hover: var(--hover);
  --btn-quiet-border: transparent;
  --btn-quiet-border-width: 1px;
  --btn-quiet-text: currentColor;
  --series-1: #2a78d6;
  --series-2: #eb6834;
  --status-critical: #d03b3b;
  --status-warning: #fab219;
  --status-good: #0ca30c;
  --viz-neutral: #a3a29c;
  --viz-track: #f0f0ed;
  --twin-model: #d0d2d260;
  --twin-edge: #4d525a;
  --twin-warranty: #8a5cd1;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #141514;
    --surface: #1c1d1c;
    --surface-2: #242624;
    --hover: #2c2e2c;
    --border: #343633;
    --focus: color-mix(in srgb, var(--accent) 80%, #fff);
    --shadow: 0 10px 30px rgb(0 0 0 / 0.5);
    --radius: 8px;
    --accent: #9e0707;
    --accent-text: #0b1716;
    --accent-soft: color-mix(in srgb, var(--accent) 14%, var(--surface));
    --danger: #f2877d;
    --danger-soft: #3b1f1c;
    --warn: #f0b860;
    --ok: #6cc98a;
    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-size: 14px;
    --font-weight: 400;
    --text: #e8e8e5;
    --muted: #a0a09a;
    --font-heading: var(--font-body);
    --heading-weight: 700;
    --heading: var(--text);
    --btn-radius: 6px;
    --btn-default-bg: var(--surface);
    --btn-default-bg-hover: var(--hover);
    --btn-default-border: var(--border);
    --btn-default-border-width: 1px;
    --btn-default-text: var(--text);
    --btn-primary-bg: var(--accent);
    --btn-primary-bg-hover: color-mix(in srgb, var(--btn-primary-bg) 88%, #fff);
    --btn-primary-border: var(--btn-primary-bg);
    --btn-primary-border-width: 1px;
    --btn-primary-text: var(--accent-text);
    --btn-outline-bg: var(--surface);
    --btn-outline-bg-hover: var(--hover);
    --btn-outline-border: var(--accent);
    --btn-outline-border-width: 1px;
    --btn-outline-text: var(--accent);
    --btn-danger-bg: transparent;
    --btn-danger-bg-hover: var(--danger-soft);
    --btn-danger-border: var(--danger);
    --btn-danger-border-width: 1px;
    --btn-danger-text: var(--danger);
    --btn-quiet-bg: transparent;
    --btn-quiet-bg-hover: var(--hover);
    --btn-quiet-border: transparent;
    --btn-quiet-border-width: 1px;
    --btn-quiet-text: currentColor;
    --series-1: #3987e5;
    --series-2: #d95926;
    --status-critical: #d03b3b;
    --status-warning: #fab219;
    --status-good: #0ca30c;
    --viz-neutral: #6b6a66;
    --viz-track: #242624;
    --twin-model: #9ea3ab;
    --twin-edge: #1d1f22;
    --twin-warranty: #a585e6;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #141514;
  --surface: #1c1d1c;
  --surface-2: #242624;
  --hover: #2c2e2c;
  --border: #343633;
  --focus: color-mix(in srgb, var(--accent) 80%, #fff);
  --shadow: 0 10px 30px rgb(0 0 0 / 0.5);
  --radius: 8px;
  --accent: #9e0707;
  --accent-text: #0b1716;
  --accent-soft: color-mix(in srgb, var(--accent) 14%, var(--surface));
  --danger: #f2877d;
  --danger-soft: #3b1f1c;
  --warn: #f0b860;
  --ok: #6cc98a;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size: 14px;
  --font-weight: 400;
  --text: #e8e8e5;
  --muted: #a0a09a;
  --font-heading: var(--font-body);
  --heading-weight: 700;
  --heading: var(--text);
  --btn-radius: 6px;
  --btn-default-bg: var(--surface);
  --btn-default-bg-hover: var(--hover);
  --btn-default-border: var(--border);
  --btn-default-border-width: 1px;
  --btn-default-text: var(--text);
  --btn-primary-bg: var(--accent);
  --btn-primary-bg-hover: color-mix(in srgb, var(--btn-primary-bg) 88%, #fff);
  --btn-primary-border: var(--btn-primary-bg);
  --btn-primary-border-width: 1px;
  --btn-primary-text: var(--accent-text);
  --btn-outline-bg: var(--surface);
  --btn-outline-bg-hover: var(--hover);
  --btn-outline-border: var(--accent);
  --btn-outline-border-width: 1px;
  --btn-outline-text: var(--accent);
  --btn-danger-bg: transparent;
  --btn-danger-bg-hover: var(--danger-soft);
  --btn-danger-border: var(--danger);
  --btn-danger-border-width: 1px;
  --btn-danger-text: var(--danger);
  --btn-quiet-bg: transparent;
  --btn-quiet-bg-hover: var(--hover);
  --btn-quiet-border: transparent;
  --btn-quiet-border-width: 1px;
  --btn-quiet-text: currentColor;
  --series-1: #3987e5;
  --series-2: #d95926;
  --status-critical: #d03b3b;
  --status-warning: #fab219;
  --status-good: #0ca30c;
  --viz-neutral: #6b6a66;
  --viz-track: #242624;
  --twin-model: #9ea3ab;
  --twin-edge: #1d1f22;
  --twin-warranty: #a585e6;
  color-scheme: dark;
}