/* generated from shared/design/tokens.json — do not edit */

/* Scheme-independent: the type ramp, the spacing ladder, the radii, the motion
   durations, the density factors and the structural breakpoints. */
:root {
  --egu-font-family: system-ui, 'Segoe UI Variable Text', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --egu-font-size-caption: 0.75rem;
  --egu-line-height-caption: 1rem;
  --egu-font-weight-caption: 400;
  --egu-font-size-body: 0.875rem;
  --egu-line-height-body: 1.25rem;
  --egu-font-weight-body: 400;
  --egu-font-size-body-strong: 0.875rem;
  --egu-line-height-body-strong: 1.25rem;
  --egu-font-weight-body-strong: 600;
  --egu-font-size-body-large: 1rem;
  --egu-line-height-body-large: 1.375rem;
  --egu-font-weight-body-large: 400;
  --egu-font-size-subtitle: 1.25rem;
  --egu-line-height-subtitle: 1.625rem;
  --egu-font-weight-subtitle: 600;
  --egu-font-size-title: 1.75rem;
  --egu-line-height-title: 2.25rem;
  --egu-font-weight-title: 600;
  --egu-gap-inline: 8px;
  --egu-gap-control-label: 12px;
  --egu-gap-section: 24px;
  --egu-gap-group: 48px;
  --egu-page-margin: 24px;
  --egu-page-margin-narrow: 12px;
  --egu-density-comfortable: 1;
  --egu-density-compact: 0.75;
  --egu-radius-control: 6px;
  --egu-radius-surface: 10px;
  --egu-radius-pill: 999px;
  --egu-control-height: 40px;
  --egu-control-height-small: 32px;
  --egu-control-field-padding-block: 8px;
  --egu-control-field-padding-inline: 12px;
  --egu-control-row-min-height: 44px;
  --egu-control-target-min: 24px;
  --egu-control-icon-size: 20px;
  --egu-control-icon-size-small: 16px;
  --egu-motion-fast: 100ms;
  --egu-motion-normal: 200ms;
  --egu-motion-slow: 300ms;
  --egu-breakpoint-structural: 1008px;
  --egu-breakpoint-narrow-margin: 640px;
}

/* The light scheme is the default; the dark scheme is written from its own column, never
   inherited from the light one (audit F-W-11). */
:root {
  --egu-surface-chrome-title: #EEF2F6;
  --egu-surface-chrome-rail: #ECECEC;
  --egu-surface-chrome-tabs: #F3F3F3;
  --egu-surface-chrome-ribbon: #FFFFFF;
  --egu-surface-chrome-pane: #F6F8FA;
  --egu-surface-chrome-pane-header: #EDF1F5;
  --egu-surface-chrome-hover: #E5E5E5;
  --egu-outline-chrome-divider: #D6D6D6;
  --egu-surface-base: #F3F3F3;
  --egu-surface-raised: #FFFFFF;
  --egu-surface-overlay: #FFFFFF;
  --egu-surface-sunken: #F7F7F7;
  --egu-text-primary: #191C22;
  --egu-text-muted: #525A68;
  --egu-text-on-accent: #FFFFFF;
  --egu-text-on-error: #FFFFFF;
  --egu-outline: #767F90;
  --egu-outline-subtle: #DCE0E7;
  --egu-selection: #E0E3FB;
  --egu-text-on-selection: #252873;
  --egu-scrim: #000000;
  --egu-error: #B42318;
  --egu-error-container: #FEE4E2;
  --egu-text-on-error-container: #7A1710;
  --egu-warning: #8A5300;
  --egu-warning-container: #FEF0C7;
  --egu-text-on-warning-container: #63401B;
  --egu-success: #0A6B3D;
  --egu-success-container: #D3F3E0;
  --egu-text-on-success-container: #08502E;
  --egu-info: #175CD3;
  --egu-info-container: #DDEAFE;
  --egu-text-on-info-container: #123F8F;
  --egu-accent-system: #3538CD;
  --egu-accent-blue: #175CD3;
  --egu-accent-teal: #0D6E62;
  --egu-accent-purple: #7839C5;
  --egu-accent-rose: #B42367;
  --egu-elevation-raised: 0 1px 2px 0px color-mix(in srgb, #000000 8%, transparent);
  --egu-elevation-overlay: 0 6px 16px -4px color-mix(in srgb, #000000 16%, transparent);
}

:root[data-theme="dark"] {
  --egu-surface-chrome-title: #202020;
  --egu-surface-chrome-rail: #141414;
  --egu-surface-chrome-tabs: #141414;
  --egu-surface-chrome-ribbon: #2B2B2B;
  --egu-surface-chrome-pane: #202020;
  --egu-surface-chrome-pane-header: #292929;
  --egu-surface-chrome-hover: #383838;
  --egu-outline-chrome-divider: #454545;
  --egu-surface-base: #14171D;
  --egu-surface-raised: #1C2028;
  --egu-surface-overlay: #242933;
  --egu-surface-sunken: #0D1014;
  --egu-text-primary: #F0F2F6;
  --egu-text-muted: #A3ABBA;
  --egu-text-on-accent: #0D1014;
  --egu-text-on-error: #0D1014;
  --egu-outline: #737C8C;
  --egu-outline-subtle: #2C323D;
  --egu-selection: #2C3070;
  --egu-text-on-selection: #DDDEFF;
  --egu-scrim: #000000;
  --egu-error: #FF9E95;
  --egu-error-container: #5A1610;
  --egu-text-on-error-container: #FFD5D1;
  --egu-warning: #F0B44F;
  --egu-warning-container: #4A3106;
  --egu-text-on-warning-container: #FCE3B4;
  --egu-success: #6FD69E;
  --egu-success-container: #0B3F26;
  --egu-text-on-success-container: #C3F0D7;
  --egu-info: #8FBBFF;
  --egu-info-container: #12325F;
  --egu-text-on-info-container: #D3E3FF;
  --egu-accent-system: #A4A8FF;
  --egu-accent-blue: #8FBBFF;
  --egu-accent-teal: #5FD9C8;
  --egu-accent-purple: #D3A8F5;
  --egu-accent-rose: #FF9BC4;
  --egu-elevation-raised: none;
  --egu-elevation-overlay: none;
}

/* The accent, per accent preference and per scheme. `focus` is the accent (ADR-0082 §1.1). */
:root[data-theme="light"][data-theme-accent="system"] {
  --egu-accent: #3538CD;
  --egu-accent-hover: #2B2DA6;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="light"][data-theme-accent="blue"] {
  --egu-accent: #175CD3;
  --egu-accent-hover: #134BAB;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="light"][data-theme-accent="teal"] {
  --egu-accent: #0D6E62;
  --egu-accent-hover: #0B594F;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="light"][data-theme-accent="purple"] {
  --egu-accent: #7839C5;
  --egu-accent-hover: #612EA0;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="light"][data-theme-accent="rose"] {
  --egu-accent: #B42367;
  --egu-accent-hover: #921C53;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="dark"][data-theme-accent="system"] {
  --egu-accent: #A4A8FF;
  --egu-accent-hover: #BDC0FF;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="dark"][data-theme-accent="blue"] {
  --egu-accent: #8FBBFF;
  --egu-accent-hover: #AECEFF;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="dark"][data-theme-accent="teal"] {
  --egu-accent: #5FD9C8;
  --egu-accent-hover: #8BE3D7;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="dark"][data-theme-accent="purple"] {
  --egu-accent: #D3A8F5;
  --egu-accent-hover: #DFC0F8;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="dark"][data-theme-accent="rose"] {
  --egu-accent: #FF9BC4;
  --egu-accent-hover: #FFB7D4;
  --egu-focus: var(--egu-accent);
}

:root:not([data-theme-accent]) {
  --egu-accent: #3538CD;
  --egu-accent-hover: #2B2DA6;
  --egu-focus: var(--egu-accent);
}

:root[data-theme="dark"]:not([data-theme-accent]) {
  --egu-accent: #A4A8FF;
  --egu-accent-hover: #BDC0FF;
  --egu-focus: var(--egu-accent);
}