@charset "UTF-8";
/* 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: 14px;
  --icon-xsmall: 12px;
  --icon-xxsmall: 8px;
  --text-size-h1: 23px;
  --text-size-h2: 19px;
  --text-size-normal: 16px;
  --text-size-small: 13px;
  --text-size-tiny: 11px;
  --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;
  /* Shared non-token shadows */
  --shadow-navbar: 0 3px 3px 0 rgba(0, 0, 0, 0.21);
  /* Native date/time/datetime inputs + picker (color-scheme) */
  --rayvn-native-form-color-scheme: light;
}

/* Rayvn - Light theme (color variables only) */
:root, :root[data-theme=theme-light],
:root *[data-theme=theme-light], :root body[data-theme=theme-light] {
  --color-white: #ffffffff;
  --color-green: #9de499ff;
  --color-green-dark: #4bcb86ff;
  --color-green-light: #9de49970;
  --color-orange: #ffa149ff;
  --color-gray: #d3dcddff;
  --color-sidebar-bg: #123236ff;
  --color-hover-dark: #1a474cff;
  --color-overlay-bg: #0416194d;
  --color-hover-exercise: #e2eced2b;
  --color-incident-text: #123236ff;
  --color-incident-selected: #e2ecedff;
  --color-exercise-text: #f0f5f6ff;
  --color-incident-bg: #e2ecedff;
  --color-incicent-bg-hover: #c9daddff;
  --color-incident-bg-hover: #c9daddff;
  --color-bg-weak: #c2d9dc33;
  --color-bg-level-1: #f9fbfbff;
  --color-bg-level-soft: #ebf2f3ff;
  --color-bg-level-2: #ebf2f3ff;
  --color-bg-level-3: #dbe8e9ff;
  --color-bg-level-3-transparent: #dbe8e9f5;
  --color-bg-level-4: #c9daddff;
  --color-bg-level-5: #fafcfcff;
  --color-bg-light: #ffffffff;
  --color-bg-sheet: var(--color-bg-level-1);
  --color-bg-popover: var(--color-bg-light);
  --color-bg-input: #ffffffcc;
  --color-bg-transparent-white: #ffffff40;
  --color-hover-bg: #c2d9dc66;
  --color-backdrop: #0416194d;
  --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: #7c787dff;
  --color-text-light: #f0f5f6ff;
  --color-text-dark: #202627ff;
  --color-text-icon-softer: #bdced1ff;
  --color-text-icon-soft: #a9bcbfff;
  /* Aliases for shared UI (filter-field, share-recipient-field, …) */
  --color-text: var(--color-text-strong);
  --color-text-subtle: var(--color-text-weak);
  --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-success: #9de499ff;
  --color-danger: #dd0058ff;
  --color-danger-text: #cd0152ff;
  --color-danger-stroke: #dd005833;
  --color-danger-bg: #dd00581a;
  --color-info-text: #336d77ff;
  --color-info-text-soft: #336d77a6;
  --color-info-stroke: #336d7733;
  --color-info-bg: #3ca6d31a;
  --color-fab-menu-bg: #123236f2;
  --color-info-bg-solid: #deedf2ff;
  --color-light-transparent: #ffffffe5;
  --color-new-blue: #43ccddff;
  --color-new-blue-bg: #43ccdd2e;
  --color-online-glow: #43ccdd61;
  --color-focus: #1697a6ff;
  --color-focus-transparent: #1697a600;
  --color-blob-soft: #e2ecedff;
  --color-link: #13808cff;
  --color-picker-red: #ef2d6fff;
  --color-picker-red-light: #e79aacff;
  --color-picker-orange: #f87f34ff;
  --color-picker-orange-light: #f2bb94ff;
  --color-picker-yellow: #f5d13aff;
  --color-picker-yellow-light: #f2e0a4ff;
  --color-picker-green: #4bcb86ff;
  --color-picker-green-light: #a5d7bcff;
  --color-picker-blue: #71cde1ff;
  --color-picker-blue-light: #89d7e6ff;
  --color-picker-purple: #8d63e6ff;
  --color-picker-purple-light: #c2b5e4ff;
  --color-picker-pink: #f07db2ff;
  --color-picker-pink-light: #e8b9ceff;
  --color-picker-gray: #9da6aaff;
  --color-picker-gray-light: #bfc5c8ff;
  --color-picker-black: #000000ff;
  --color-picker-white: #ffffffff;
  --color-example-blue-room: #71cde133;
  --color-white-50: #ffffff80;
  --color-status-board-bg: var(--color-info-bg);
  --color-task-priority-bar-normal: var(--color-bg-level-4);
  /* Task list rows (RAYVN Designsystem — Task / List) */
  --color-task-normal-bg: var(--color-bg-level-2);
  --color-task-high-bg: rgba(255, 161, 73, 0.15);
  --color-task-urgent-bg: rgba(221, 0, 88, 0.1);
  --color-task-drawer-bg: var(--color-white-50);
  --color-hover-white: #ffffffd9;
  --color-toggle-bg: #4f808524;
  --color-gray-transparent: #d3dcdd38;
  --color-border: var(--color-stroke-weak);
  --color-border-subtle: var(--color-bg-level-3);
  --color-highlight-bg: rgba(255, 230, 0, 0.4);
}

/* Rayvn - Dark theme (color variables only) */
:root[data-theme=theme-dark],
:root *[data-theme=theme-dark], :root body[data-theme=theme-dark] {
  --color-white: #ffffffff;
  --color-green: #a6eaa3ff;
  --color-green-dark: #6cd69eff;
  --color-green-light: #a6eaa3a6;
  --color-orange: #ffb978ff;
  --color-gray: #87a3a7ff;
  --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-incicent-bg-hover: #1a474cff;
  --color-incident-bg-hover: #1a474cff;
  --color-bg-weak: #1641464d;
  --color-bg-level-1: #0e272aff;
  --color-bg-level-soft: #112f32ff;
  --color-bg-level-2: #143336ff;
  --color-bg-level-2-transparent: #14333680;
  --color-bg-level-3: #164146ff;
  --color-bg-level-3-transparent: #164146f5;
  --color-bg-level-4: #225760ff;
  --color-bg-level-5: #123236ff;
  --color-bg-light: #163c40ff;
  --color-bg-sheet: var(--color-bg-level-3);
  --color-bg-popover: var(--color-bg-level-3);
  --color-bg-input: #0000001a;
  --color-bg-transparent-white: #ffffff1a;
  --color-backdrop: #04161999;
  --color-hover-bg: #164146bf;
  --color-primary: #98e8f1ff;
  --color-primary-bg: #98e8f11a;
  --color-text-primary: #0e272aff;
  --color-primary-hover: #90d1d9ff;
  --color-text-strong: #fafafaff;
  --rayvn-native-form-color-scheme: dark;
  --color-text-medium: #dededeff;
  --color-text-weak: #a0a8aaff;
  --color-text-light: #f0f5f6ff;
  --color-text-dark: #202627ff;
  --color-text-icon-softer: #3a5f64ff;
  --color-text-icon-soft: #4a6a6eff;
  /* Aliases for shared UI (filter-field, share-recipient-field, …) */
  --color-text: var(--color-text-strong);
  --color-text-subtle: var(--color-text-weak);
  --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-success: #a6eaa3ff;
  --color-danger: #ff75a2ff;
  --color-danger-text: #ff75a2ff;
  --color-danger-stroke: #fc508833;
  --color-danger-bg: #fc508814;
  --color-info-text: #98e8f1ff;
  --color-info-text-soft: #98e8f1a6;
  --color-info-stroke: #01e5fe6e;
  --color-info-bg: #01e5fe1a;
  --color-fab-menu-bg: #163b41f5;
  --color-info-bg-solid: #0d3a3fff;
  --color-light-transparent: #225a60e5;
  --color-new-blue: #27d3e7ff;
  --color-new-blue-bg: #27d3e72e;
  --color-online-glow: #27d3e761;
  --color-focus: #1697a6ff;
  --color-focus-transparent: #1697a600;
  --color-blob-soft: #173e43ff;
  --color-link: #1fc2d5ff;
  --color-picker-red: #f65e7fff;
  --color-picker-red-light: #fc7e9aff;
  --color-picker-orange: #d48a55ff;
  --color-picker-orange-light: #e4ac85ff;
  --color-picker-yellow: #d7c16aff;
  --color-picker-yellow-light: #e5d48aff;
  --color-picker-green: #5fbf8cff;
  --color-picker-green-light: #93d1b0ff;
  --color-picker-blue: #66c0d1ff;
  --color-picker-blue-light: #7ac2cfff;
  --color-picker-purple: #9882ccff;
  --color-picker-purple-light: #b9aee0ff;
  --color-picker-pink: #de74a9ff;
  --color-picker-pink-light: #eba4c7ff;
  --color-picker-gray: #8fa5a8ff;
  --color-picker-gray-light: #b5cacfff;
  --color-picker-black: #000000ff;
  --color-picker-white: #e7fdffff;
  --color-example-blue-room: #66c0d11a;
  --color-white-50: #0000001f;
  --color-status-board-bg: var(--color-bg-level-2);
  --color-task-priority-bar-normal: var(--color-text-icon-soft);
  --color-task-normal-bg: var(--color-bg-level-2);
  --color-task-high-bg: rgba(255, 185, 120, 0.18);
  --color-task-urgent-bg: rgba(255, 117, 162, 0.14);
  --color-task-drawer-bg: var(--color-bg-transparent-white);
  --color-hover-white: #00000040;
  --color-toggle-bg: #0000003b;
  --color-gray-transparent: #d3dcdd38;
  --color-border: var(--color-stroke-weak);
  --color-border-subtle: var(--color-bg-level-3);
  --color-highlight-bg: rgba(255, 200, 0, 0.35);
}

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