/* Rayvn - Common variables (shared across themes) */
:root {
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-96: 96px;
  --spacing-192: 192px;
  --border-radius-8: 8px;
  --border-radius-16: 16px;
  --border-radius-100: 100px;
  --icon-large: 24px;
  --icon-normal: 19px;
  --icon-small: 16px;
  --icon-xsmall: 14px;
  --icon-xxsmall: 12px;
  --text-size-h1: 23px;
  --text-size-h2: 19px;
  --text-size-normal: 16px;
  --text-size-small: 14px;
  --text-size-tiny: 12px;
  --text-line-height-h1: 32px;
  --text-line-height-h2: 28px;
  --text-line-height-normal: 24px;
  --text-line-height-small: 20px;
  --text-line-height-tiny: 20px;
  --animation-pulse-duration: 8s;
  --animation-pulse-easing: ease-in-out;
  --animation-pulse-expansion: 4px;
}

/* Rayvn - Light theme (color variables only) */
:root, :root[data-theme=theme-light],
:root *[data-theme=theme-light], :root body[data-theme=theme-light] {
  --color-text-icon-soft: #A9BCBF;
  --color-white: #ffffffff;
  --color-green: #9de499ff;
  --color-orange: #ffa149ff;
  --color-gray: #d3dcddff;
  --color-sidebar-bg: #123236ff;
  --color-hover-dark: #1a474cff;
  --color-overlay-bg: #04161966;
  --color-hover-exercise: #e2eced2b;
  --color-incident-text: #123236ff;
  --color-incident-selected: #e2ecedff;
  --color-exercise-text: #f0f5f6ff;
  --color-incident-bg: #e2ecedff;
  --color-bg-weak: #c2d9dc33;
  --color-incicent-bg-hover: #c9daddff;
  --color-bg-level-soft: #ebf2f3ff;
  --color-bg-level-1: #f0f5f6ff;
  --color-bg-level-2: #e2ecedff;
  --color-bg-level-3: #d4e3e5ff;
  --color-bg-level-4: #c9daddff;
  --color-bg-level-5: #fafcfcff;
  --color-bg-light: #ffffffff;
  --color-highlight-bg: rgba(255, 230, 0, 0.4);
  --color-hover-bg: #c2d9dc66;
  --color-primary: #123236ff;
  --color-primary-bg: #1232361a;
  --color-text-primary: #f0f5f6ff;
  --color-primary-hover: #295257ff;
  --color-text-strong: #202627ff;
  --color-text-medium: #505050ff;
  --color-text-weak: #6e6b6fff;
  --color-text-light: #f0f5f6ff;
  --color-text-dark: #202627ff;
  --color-stroke-weak: #c9c9c9ff;
  --color-stroke-normal: #a8a8a8ff;
  --color-notification: #e11e6cff;
  --color-notification-glow: #dd005866;
  --color-notification-text: #ffffffff;
  --color-warning-text: #a34003ff;
  --color-warning-stroke: #ffa1494d;
  --color-warning-bg: #ffa14926;
  --color-success-text: #23891eff;
  --color-success-stroke: #9de49966;
  --color-success-bg: #9de49933;
  --color-danger: #dd0058ff;
  --color-danger-text: #cd0152ff;
  --color-danger-stroke: #dd005833;
  --color-danger-bg: #dd00581a;
  --color-info-text: #336d77ff;
  --color-info-stroke: #336d7733;
  --color-info-bg: #3ca6d31a;
  --color-new-blue: #6dcad5ff;
  --color-new-blue-bg: #6dcad54d;
  --color-online-glow: #6dcad561;
  --color-focus: #1697a6ff;
  --color-focus-transparent: #1697a600;
  --color-link: #13808C;
  --color-blob-soft: #E2ECEDff;
  --color-light-transparent: #ffffffe6;
}

/* Rayvn - Dark theme (color variables only) */
:root[data-theme=theme-dark],
:root *[data-theme=theme-dark], :root body[data-theme=theme-dark] {
  --color-text-icon-soft: #4A6A6E;
  --color-white: #ffffffff;
  --color-green: #a6eaa3ff;
  --color-orange: #ffb978ff;
  --color-gray: #8eaaadff;
  --color-sidebar-bg: #163b41ff;
  --color-hover-dark: #1a474cff;
  --color-overlay-bg: #04161999;
  --color-hover-exercise: #e2eced2b;
  --color-incident-text: #fafafaff;
  --color-incident-selected: #98e8f1ff;
  --color-exercise-text: #f0f5f6ff;
  --color-incident-bg: #225760ff;
  --color-bg-weak: #1641464d;
  --color-incicent-bg-hover: #1a474cff;
  --color-bg-level-soft: #123236ff;
  --color-bg-level-1: #0e272aff;
  --color-bg-level-2: #123236ff;
  --color-bg-level-3: #164146ff;
  --color-bg-level-4: #225760ff;
  --color-bg-level-5: #123236ff;
  --color-bg-light: #123236ff;
  --color-highlight-bg: rgba(255, 200, 0, 0.35);
  --color-hover-bg: #16414682;
  --color-primary: #98e8f1ff;
  --color-primary-bg: #98e8f11a;
  --color-text-primary: #0e272aff;
  --color-primary-hover: #90d1d9ff;
  --color-text-strong: #fafafaff;
  --color-text-medium: #dededeff;
  --color-text-weak: #b9c3c5ff;
  --color-text-light: #f0f5f6ff;
  --color-text-dark: #202627ff;
  --color-stroke-weak: #225760ff;
  --color-stroke-normal: #a8a8a8ff;
  --color-notification: #ff75a2ff;
  --color-notification-glow: #ff75a266;
  --color-notification-text: #123236ff;
  --color-warning-text: #ffb978ff;
  --color-warning-stroke: #ffb9784d;
  --color-warning-bg: #ffb97814;
  --color-success-text: #a6eaa3ff;
  --color-success-stroke: #a6eaa34d;
  --color-success-bg: #a6eaa31a;
  --color-danger: #ff75a2ff;
  --color-danger-text: #ff75a2ff;
  --color-danger-stroke: #fc508833;
  --color-danger-bg: #fc508814;
  --color-info-text: #98e8f1ff;
  --color-info-stroke: #01e5fe6e;
  --color-info-bg: #01e5fe1a;
  --color-new-blue: #27d3e7ff;
  --color-new-blue-bg: #27d3e72e;
  --color-online-glow: #27d3e761;
  --color-focus: #1697a6ff;
  --color-focus-transparent: #1697a600;
  --color-link: #1FC2D5;
  --color-blob-soft: #173E43ff;
  --color-light-transparent: #225a60e6;
}

/*# sourceMappingURL=unified-theme.css.map */