/* Genererad av design/tools/bygg_tokens.py från ersvia.tokens.json. Redigera inte för hand. */
/* Ersvias egen identitet (tokens v2): neutrala ytor, petrol bara för åtgärder och markering, Inter, 8-punktsrutnät. */

:root:not([data-theme]), [data-theme="ersvia"] {
  color-scheme: light;
  --ev-color-brand-primary: #0B4A5E;
  --ev-color-brand-primary-hover: #083A4A;
  --ev-color-brand-primary-active: #062C38;
  --ev-color-brand-on-primary: #FFFFFF;
  --ev-color-brand-accent: #3FC1A5;
  --ev-color-brand-accent-strong: #16705E;
  --ev-color-brand-subtle: #E6F2F4;
  --ev-color-brand-on-subtle: #0B4A5E;
  --ev-color-bg-canvas: #F5F7F8;
  --ev-color-bg-surface: #FFFFFF;
  --ev-color-bg-subtle: #EEF3F4;
  --ev-color-bg-inverse: #14262E;
  --ev-color-bg-header: #FFFFFF;
  --ev-color-bg-footer: #072F3C;
  --ev-color-bg-sidebar: #FFFFFF;
  --ev-color-bg-overlay: #0C1A1F80;
  --ev-color-text-default: #2B3A40;
  --ev-color-text-heading: #14262E;
  --ev-color-text-muted: #56676E;
  --ev-color-text-inverse: #FFFFFF;
  --ev-color-text-on-footer: #E6EEF0;
  --ev-color-text-on-header: #14262E;
  --ev-color-text-link: #0B5E78;
  --ev-color-text-link-hover: #083A4A;
  --ev-color-border-default: #6B7C83;
  --ev-color-border-subtle: #D5DDE0;
  --ev-color-border-strong: #14262E;
  --ev-color-feedback-success: #1F6E3A;
  --ev-color-feedback-success-bg: #E7F4EC;
  --ev-color-feedback-warning: #8A5300;
  --ev-color-feedback-warning-bg: #FFF4E0;
  --ev-color-feedback-danger: #B3261E;
  --ev-color-feedback-danger-bg: #FCEBEA;
  --ev-color-feedback-info: #0B5E78;
  --ev-color-feedback-info-bg: #E6F2F4;
  --ev-color-status-ok-fg: #1F6E3A;
  --ev-color-status-ok-bg: #E7F4EC;
  --ev-color-status-ok-border: #1F6E3A;
  --ev-color-status-mak-fg: #4A565B;
  --ev-color-status-mak-bg: #EEF1F2;
  --ev-color-status-mak-border: #4A565B;
  --ev-color-status-lf-fg: #B3261E;
  --ev-color-status-lf-bg: #FCEBEA;
  --ev-color-status-lf-border: #B3261E;
  --ev-color-status-rf-fg: #7A2E8E;
  --ev-color-status-rf-bg: #F5EAF8;
  --ev-color-status-rf-border: #7A2E8E;
  --ev-color-status-beej-fg: #6B4E16;
  --ev-color-status-beej-bg: #F6EFE3;
  --ev-color-status-beej-border: #6B4E16;
  --ev-color-status-anm-fg: #0B5E78;
  --ev-color-status-anm-bg: #E6F2F4;
  --ev-color-status-anm-border: #0B5E78;
  --ev-color-status-prel-fg: #8A5300;
  --ev-color-status-prel-bg: #FFF4E0;
  --ev-color-status-prel-border: #8A5300;
  --ev-color-table-header-bg: #F3F6F7;
  --ev-color-table-header-text: #4A5B62;
  --ev-color-table-stripe: #FAFBFB;
  --ev-color-table-row-hover: #EEF5F7;
  --ev-color-focus-ring: #0F6FD6;
  --ev-color-focus-halo: #FFFFFF;
  --ev-color-nav-hover-bg: #F0F3F4;
  --ev-color-nav-active-bg: #E6F2F4;
  --ev-color-nav-active-fg: #0B4A5E;
  --ev-font-family-base: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ev-font-family-heading: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ev-font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --ev-font-size-xs: 0.75rem;
  --ev-font-size-sm: 0.8125rem;
  --ev-font-size-base: 0.9375rem;
  --ev-font-size-lg: 1.0625rem;
  --ev-font-size-xl: 1.25rem;
  --ev-font-size-2xl: 1.5rem;
  --ev-font-size-3xl: 1.75rem;
  --ev-font-size-4xl: 2.125rem;
  --ev-font-weight-regular: 400;
  --ev-font-weight-medium: 500;
  --ev-font-weight-semibold: 600;
  --ev-font-weight-bold: 700;
  --ev-font-weight-heading: 650;
  --ev-font-line-height-tight: 1.2;
  --ev-font-line-height-snug: 1.35;
  --ev-font-line-height-normal: 1.5;
  --ev-font-letter-spacing-heading: -0.01em;
  --ev-font-letter-spacing-normal: 0;
  --ev-space-0: 0;
  --ev-space-1: 0.25rem;
  --ev-space-2: 0.5rem;
  --ev-space-3: 0.75rem;
  --ev-space-4: 1rem;
  --ev-space-5: 1.25rem;
  --ev-space-6: 1.5rem;
  --ev-space-8: 2rem;
  --ev-space-10: 2.5rem;
  --ev-space-12: 3rem;
  --ev-space-16: 4rem;
  --ev-radius-none: 0;
  --ev-radius-sm: 4px;
  --ev-radius-md: 6px;
  --ev-radius-lg: 10px;
  --ev-radius-xl: 16px;
  --ev-radius-pill: 999px;
  --ev-radius-button: 6px;
  --ev-radius-input: 6px;
  --ev-radius-card: 10px;
  --ev-radius-badge: 999px;
  --ev-shadow-xs: 0px 1px 2px 0px #14262E0F;
  --ev-shadow-sm: 0px 1px 2px 0px #14262E14;
  --ev-shadow-md: 0px 4px 12px -2px #14262E1F;
  --ev-shadow-lg: 0px 12px 32px -8px #14262E2E;
  --ev-focus-width: 3px;
  --ev-focus-offset: 2px;
  --ev-focus-style: solid;
  --ev-size-control-height: 2.5rem;
  --ev-size-control-height-sm: 2rem;
  --ev-size-container-max: 80rem;
  --ev-size-border-width: 1px;
  --ev-size-input-border-width: 1px;
  --ev-size-sidebar: 16rem;
  --ev-size-sidebar-collapsed: 4.5rem;
  --ev-size-topbar: 3.5rem;
  --ev-size-content-max: 90rem;
  --ev-button-padding-x: 1rem;
  --ev-button-font-weight: 600;
}

:root:not([data-theme])[data-mode="dark"], [data-theme="ersvia"][data-mode="dark"] {
  color-scheme: dark;
  --ev-color-brand-primary: #6CCFD9;
  --ev-color-brand-primary-hover: #8ADBE3;
  --ev-color-brand-primary-active: #A8E5EA;
  --ev-color-brand-on-primary: #062C38;
  --ev-color-brand-accent: #3FC1A5;
  --ev-color-brand-accent-strong: #7FDCC6;
  --ev-color-brand-subtle: #12343F;
  --ev-color-brand-on-subtle: #CFECEF;
  --ev-color-bg-canvas: #0C1A1F;
  --ev-color-bg-surface: #13252C;
  --ev-color-bg-subtle: #182E36;
  --ev-color-bg-inverse: #E6EEF0;
  --ev-color-bg-header: #13252C;
  --ev-color-bg-footer: #081216;
  --ev-color-bg-sidebar: #11222A;
  --ev-color-bg-overlay: #000000A6;
  --ev-color-text-default: #D7E2E5;
  --ev-color-text-heading: #F2F7F8;
  --ev-color-text-muted: #9DB0B6;
  --ev-color-text-inverse: #0C1A1F;
  --ev-color-text-on-footer: #D7E2E5;
  --ev-color-text-on-header: #F2F7F8;
  --ev-color-text-link: #7FD6E0;
  --ev-color-text-link-hover: #B3E9EF;
  --ev-color-border-default: #7F959C;
  --ev-color-border-subtle: #2A4049;
  --ev-color-border-strong: #E6EEF0;
  --ev-color-feedback-success: #6FD39A;
  --ev-color-feedback-success-bg: #0F2E1D;
  --ev-color-feedback-warning: #F2B95C;
  --ev-color-feedback-warning-bg: #33240A;
  --ev-color-feedback-danger: #FF8A80;
  --ev-color-feedback-danger-bg: #3A1412;
  --ev-color-feedback-info: #7FD6E0;
  --ev-color-feedback-info-bg: #0F2E36;
  --ev-color-status-ok-fg: #6FD39A;
  --ev-color-status-ok-bg: #0F2E1D;
  --ev-color-status-ok-border: #6FD39A;
  --ev-color-status-mak-fg: #B4C1C6;
  --ev-color-status-mak-bg: #1E2A2F;
  --ev-color-status-mak-border: #B4C1C6;
  --ev-color-status-lf-fg: #FF8A80;
  --ev-color-status-lf-bg: #3A1412;
  --ev-color-status-lf-border: #FF8A80;
  --ev-color-status-rf-fg: #DDA6EC;
  --ev-color-status-rf-bg: #2E1636;
  --ev-color-status-rf-border: #DDA6EC;
  --ev-color-status-beej-fg: #E0C48A;
  --ev-color-status-beej-bg: #2E2410;
  --ev-color-status-beej-border: #E0C48A;
  --ev-color-status-anm-fg: #7FD6E0;
  --ev-color-status-anm-bg: #0F2E36;
  --ev-color-status-anm-border: #7FD6E0;
  --ev-color-status-prel-fg: #F2B95C;
  --ev-color-status-prel-bg: #33240A;
  --ev-color-status-prel-border: #F2B95C;
  --ev-color-table-header-bg: #182E36;
  --ev-color-table-header-text: #B4C4C9;
  --ev-color-table-stripe: #152A31;
  --ev-color-table-row-hover: #1B333C;
  --ev-color-focus-ring: #7CC4FF;
  --ev-color-focus-halo: #0C1A1F;
  --ev-color-nav-hover-bg: #182E36;
  --ev-color-nav-active-bg: #12343F;
  --ev-color-nav-active-fg: #CFECEF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]):not([data-mode="light"]), [data-theme="ersvia"]:not([data-mode="light"]) {
    color-scheme: dark;
    --ev-color-brand-primary: #6CCFD9;
    --ev-color-brand-primary-hover: #8ADBE3;
    --ev-color-brand-primary-active: #A8E5EA;
    --ev-color-brand-on-primary: #062C38;
    --ev-color-brand-accent: #3FC1A5;
    --ev-color-brand-accent-strong: #7FDCC6;
    --ev-color-brand-subtle: #12343F;
    --ev-color-brand-on-subtle: #CFECEF;
    --ev-color-bg-canvas: #0C1A1F;
    --ev-color-bg-surface: #13252C;
    --ev-color-bg-subtle: #182E36;
    --ev-color-bg-inverse: #E6EEF0;
    --ev-color-bg-header: #13252C;
    --ev-color-bg-footer: #081216;
    --ev-color-bg-sidebar: #11222A;
    --ev-color-bg-overlay: #000000A6;
    --ev-color-text-default: #D7E2E5;
    --ev-color-text-heading: #F2F7F8;
    --ev-color-text-muted: #9DB0B6;
    --ev-color-text-inverse: #0C1A1F;
    --ev-color-text-on-footer: #D7E2E5;
    --ev-color-text-on-header: #F2F7F8;
    --ev-color-text-link: #7FD6E0;
    --ev-color-text-link-hover: #B3E9EF;
    --ev-color-border-default: #7F959C;
    --ev-color-border-subtle: #2A4049;
    --ev-color-border-strong: #E6EEF0;
    --ev-color-feedback-success: #6FD39A;
    --ev-color-feedback-success-bg: #0F2E1D;
    --ev-color-feedback-warning: #F2B95C;
    --ev-color-feedback-warning-bg: #33240A;
    --ev-color-feedback-danger: #FF8A80;
    --ev-color-feedback-danger-bg: #3A1412;
    --ev-color-feedback-info: #7FD6E0;
    --ev-color-feedback-info-bg: #0F2E36;
    --ev-color-status-ok-fg: #6FD39A;
    --ev-color-status-ok-bg: #0F2E1D;
    --ev-color-status-ok-border: #6FD39A;
    --ev-color-status-mak-fg: #B4C1C6;
    --ev-color-status-mak-bg: #1E2A2F;
    --ev-color-status-mak-border: #B4C1C6;
    --ev-color-status-lf-fg: #FF8A80;
    --ev-color-status-lf-bg: #3A1412;
    --ev-color-status-lf-border: #FF8A80;
    --ev-color-status-rf-fg: #DDA6EC;
    --ev-color-status-rf-bg: #2E1636;
    --ev-color-status-rf-border: #DDA6EC;
    --ev-color-status-beej-fg: #E0C48A;
    --ev-color-status-beej-bg: #2E2410;
    --ev-color-status-beej-border: #E0C48A;
    --ev-color-status-anm-fg: #7FD6E0;
    --ev-color-status-anm-bg: #0F2E36;
    --ev-color-status-anm-border: #7FD6E0;
    --ev-color-status-prel-fg: #F2B95C;
    --ev-color-status-prel-bg: #33240A;
    --ev-color-status-prel-border: #F2B95C;
    --ev-color-table-header-bg: #182E36;
    --ev-color-table-header-text: #B4C4C9;
    --ev-color-table-stripe: #152A31;
    --ev-color-table-row-hover: #1B333C;
    --ev-color-focus-ring: #7CC4FF;
    --ev-color-focus-halo: #0C1A1F;
    --ev-color-nav-hover-bg: #182E36;
    --ev-color-nav-active-bg: #12343F;
    --ev-color-nav-active-fg: #CFECEF;
  }
}