html[data-syrael-skin="organic-static-v0"] {
  color-scheme: dark;
  --background: #050505;
  --surface: #101010;
  --surface-strong: #181818;
  --border: #747474;
  --text: #f2f2f2;
  --muted: #b5b5b5;
  --accent: #ffffff;
  --accent-soft: #d0d0d0;
}

html[data-syrael-skin="organic-static-v0"] body {
  color: #f2f2f2;
  background-color: #050505;
  background-image:
    radial-gradient(ellipse at 12% 18%, transparent 0 13%, #343434 13.2% 13.5%, transparent 13.8% 21%, #242424 21.2% 21.5%, transparent 21.8%),
    radial-gradient(ellipse at 88% 72%, transparent 0 18%, #303030 18.2% 18.5%, transparent 18.8% 29%, #202020 29.2% 29.5%, transparent 29.8%),
    linear-gradient(145deg, #050505, #121212 52%, #080808);
}

html[data-syrael-skin="organic-static-v0"] body::before {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  pointer-events: none;
  content: "";
  opacity: 0.12;
  background-image:
    repeating-linear-gradient(0deg, transparent 0 3px, #ffffff 4px, transparent 5px),
    repeating-linear-gradient(91deg, transparent 0 11px, #8a8a8a 12px, transparent 13px);
  background-size: 100% 7px, 17px 100%;
  mix-blend-mode: screen;
}

html[data-syrael-skin="organic-static-v0"] .ambient {
  display: none;
}

html[data-syrael-skin="organic-static-v0"] :is(.topbar, .panel, footer, .session-chip, .status-badge, .technical, .proposal-routing, .metadata > div, .queue-section) {
  color: #f2f2f2;
  background: rgba(12, 12, 12, 0.94);
  border-color: #777777;
  box-shadow: 0 0 0 1px #202020, 8px 10px 0 rgba(255, 255, 255, 0.04);
}

html[data-syrael-skin="organic-static-v0"] :is(.panel, .technical, .proposal-routing, .queue-section) {
  border-radius: 30px 9px 34px 13px / 15px 31px 11px 27px;
}

html[data-syrael-skin="organic-static-v0"] :is(input, textarea, select) {
  color: #ffffff;
  background: #090909;
  border-color: #888888;
  border-radius: 12px 4px 13px 5px;
}

html[data-syrael-skin="organic-static-v0"] :is(button, .text-button, .primary) {
  color: #f5f5f5;
  background-color: #151515;
  border-color: #9a9a9a;
  border-radius: 999px 760px 999px 820px;
  box-shadow: none;
}

html[data-syrael-skin="organic-static-v0"] :is(.primary, button[aria-pressed="true"]) {
  color: #050505;
  background: #f1f1f1;
  border-color: #ffffff;
}

html[data-syrael-skin="organic-static-v0"] :is(p, li, label, summary, small, span) {
  text-shadow: none;
}

html[data-syrael-skin="organic-static-v0"] :is(.kicker, .eyebrow, .workspace-label, .queue-label, .candidate-authority, .intake-note, .form-note) {
  color: #c8c8c8;
}

html[data-syrael-skin="organic-static-v0"] img {
  filter: grayscale(1) contrast(1.15);
}

html[data-syrael-skin="organic-static-v0"] :is(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 4px;
  box-shadow: 0 0 0 7px #303030;
}

html[data-syrael-skin="organic-static-v0"] :is([data-status="warning"], [data-state="warning"], .warning) {
  border-inline-start: 6px double #bdbdbd;
}

html[data-syrael-skin="organic-static-v0"] :is([data-status="danger"], [data-status="error"], [data-state="danger"], [data-state="error"], .danger, .error) {
  border-inline-start: 7px solid #ffffff;
  text-decoration-color: #ffffff;
}

html[data-syrael-skin="organic-static-v0"] :is([data-status="success"], [data-state="success"], .success) {
  border-inline-start: 5px dashed #d8d8d8;
}

html[data-syrael-skin="organic-static-v0"] *,
html[data-syrael-skin="organic-static-v0"] *::before,
html[data-syrael-skin="organic-static-v0"] *::after {
  animation: none !important;
  transition: none !important;
}