/* Radio Easy Events: Carbon and orange in the station workspace. */
html:has(#app > [data-easy-workspace]) {
  --bg: #101113;
  --panel: #202123;
  --ink: #fff1de;
  --muted: #c9c2b7;
  --accent: #ffab37;
  --line: #77654e;
  --carbon-weave: repeating-linear-gradient(132deg, #ffffff07 0 1px, transparent 1px 4px);
  --carbon-shell: radial-gradient(ellipse at 50% 0, #53565a55, transparent 70%),
    var(--carbon-weave), linear-gradient(115deg, #15171a, #27292b 45%, #121315);
  --carbon-card: radial-gradient(ellipse at 95% 0, #ff931525, transparent 55%),
    var(--carbon-weave), linear-gradient(130deg, #292b2d, #141618 65%, #202224);
  --carbon-orange: linear-gradient(180deg, #ffbf59, #ff9b20 52%, #dc7207);
}

[data-easy-workspace] {
  --sidebar-bg: #191a1c;
  --radio-bg: #151618;
  color: var(--ink);
  background: linear-gradient(#10111344, #10111366),
    url('/library/easy-carbon-orange-background.webp') center / cover fixed, var(--bg);
  min-height: 100vh;
}

[data-easy-workspace] .sidebar {
  background: var(--carbon-shell);
}

[data-easy-workspace].workspace > .workspace-main {
  box-shadow: -1px 0 var(--line);
}

[data-easy-workspace] :is(.topbar, .block-list, .properties, .canvas-chrome, .visual-tools) {
  background: var(--carbon-shell);
  border-color: #bd812f;
}

[data-easy-workspace] :is(.card, .station-picker, .show-row, .schedule-profile-hint, .empty, .day-show):not(.radio-site *),
html:has(#app > [data-easy-workspace]) #dialog {
  background: var(--carbon-card);
  border-color: #a49886;
  box-shadow: inset 0 1px #ffffff25, 0 8px 24px #0006;
}

[data-easy-workspace] :is(.day-show, .day-show.day-auto):not(.radio-site *) {
  border-left-color: var(--accent);
}

[data-easy-workspace] .day-show.onair:not(.radio-site *) {
  border-color: var(--accent);
  box-shadow: inset 0 0 24px #ff9b2029, 0 0 12px #ff9b2020;
}

[data-easy-workspace] .schedule-day-tabs:not(.radio-site *) {
  background: #141517;
  border-color: var(--line);
}

[data-easy-workspace] .schedule-day-tabs button:not(.radio-site *) {
  background: var(--carbon-card);
  border-color: var(--line);
  color: var(--ink);
}

html:has(#app > [data-easy-workspace]) :is([data-easy-workspace], #dialog) {
  & :is(.btn:not(.secondary, .ghost, .danger), .schedule-day-tabs button[aria-selected="true"]):not(.radio-site *) {
    background: var(--carbon-orange);
    color: #201305;
    border-color: #ffd093;
    box-shadow: inset 0 1px #ffffff7a, 0 4px 13px #ff80002b;
  }

  & :is(.btn.secondary, .round-icon):not(.radio-site *) {
    background: var(--carbon-shell);
    border-color: var(--line);
  }

  & :is(input:not([type="checkbox"], [type="radio"], [type="color"]), textarea, select):not(.radio-site *) {
    background: #18191b;
    border-color: var(--line);
    color: var(--ink);
  }

  & :is(.navitem.active, .sidebar-website .navitem, .block-item.active, .segmented button.active, .notice:not(.warning), .tag:not(.neutral, .pink)):not(.radio-site *) {
    background: #382818;
    border-color: #9a672d;
    color: #ffc56f;
  }

  & :is(.navitem:hover, .sidebar-website .navitem:hover):not(.radio-site *) {
    background: #47311c;
    color: var(--ink);
  }

  & :is(.navitem, .nav-label, .day-show-copy p, .day-show-copy small, .message-body):not(.active, :hover, .sidebar-website *, .radio-site *) {
    color: var(--muted);
  }

  & :is(.day-show-time, .schedule-time-axis > span, .day-moderator):not(.radio-site *) {
    color: var(--accent);
  }

  & :is(.pagehead h1, .day-show h3, .card h3, .dialog-head h2):not(.radio-site *) {
    width: fit-content;
    max-width: 100%;
    background: linear-gradient(95deg, #fff8e9, #f9e8cb 64%, #ff9a22);
    background-clip: text;
    color: transparent;
  }
}
 
/* Leave room for descenders in the gradient text clip. */
html:has(#app > [data-easy-workspace]) #dialog .dialog-head h2 {
  line-height: 1.25;
  padding-bottom: 4px;
}