/* EmlogStudio daylight visual layer: geometry inherits css/style.css (generated 2026-08-06). */
html[data-theme="light"] {
  --em-day-home-ink: #12394d;
  --em-day-home-strong: #0c2d40;
  --em-day-home-muted: #55798c;
  --em-day-home-subtle: #7896a5;
  /* Keep article-list hover text aligned with the daylight navigation label. */
  --em-day-home-menu: #477388;
  --em-day-home-paper: #ffffff;
  --em-day-home-paper-blue: #f5fbff;
  --em-day-home-paper-aqua: #eefbf8;
  --em-day-home-line: rgba(21, 112, 151, .16);
  --em-day-home-line-strong: rgba(0, 125, 112, .31);
  --em-day-home-shadow: 0 12px 28px rgba(27, 104, 139, .10);
}

html[data-theme="light"] :is(.sidebar, .detail-panel, .page-toolbar-card, .post-library, .tags-hero, .tags-panel) {
  border-color: var(--em-day-home-line);
}

html[data-theme="light"] :is(.page-toolbar-card, .post-library, .tags-hero, .tags-panel) {
  background: radial-gradient(circle at 96% 0, rgba(39, 163, 220, .10), transparent 31%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 251, 255, .90));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), var(--em-day-home-shadow);
}

html[data-theme="light"] :is(.page-toolbar-card h2, .tags-hero h2, .detail-header h2, .detail-title-line h3) {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] :is(.page-toolbar-card p, .tags-hero > p, .detail-id, .detail-description, .detail-row dt) {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .workspace-switcher {
  border-color: rgba(21, 112, 151, .13);
}

html[data-theme="light"] .switcher {
  color: var(--em-day-home-ink);
  background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(236, 249, 255, .82));
  border-color: var(--em-day-home-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96);
}

html[data-theme="light"] .switcher:hover,
html[data-theme="light"] .switcher:focus-visible {
  color: #006e70;
  border-color: var(--em-day-home-line-strong);
  background: linear-gradient(135deg, #ffffff, #e8fbf8);
}

html[data-theme="light"] .detail-header h2 .icon,
html[data-theme="light"] .detail-row .icon {
  color: #25829a;
}

html[data-theme="light"] .detail-row dd {
  color: var(--em-day-home-ink);
}

html[data-theme="light"] .stats-style-fusion .stat-card {
  background: linear-gradient(136deg, rgba(255, 255, 255, .92), rgba(244, 252, 255, .80) 56%, rgba(235, 250, 247, .86)),
    var(--em-day-home-paper-blue);
  border-color: rgba(19, 118, 158, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 10px 24px rgba(18, 101, 137, .10);
}

html[data-theme="light"] .stats-style-fusion .stat-fusion-canvas,
html[data-theme="light"] .stats-style-fusion .stat-card.is-fusion-webgl-ready .stat-fusion-canvas {
  opacity: .30;
}

html[data-theme="light"] .stats-style-fusion .stat-fusion-field {
  opacity: .34;
}

html[data-theme="light"] .stats-style-fusion .stat-card.is-fusion-webgl-ready .stat-fusion-field {
  opacity: 0;
}

html[data-theme="light"] .stats-style-fusion .stat-card::before {
  border-top-color: rgba(0, 125, 112, .24);
  box-shadow: 0 -5px 14px rgba(20, 127, 196, .09);
}

html[data-theme="light"] .stats-style-fusion .stat-card::after {
  background: radial-gradient(circle, rgba(255, 255, 255, .70), transparent 68%);
}

html[data-theme="light"] .stats-style-fusion :is(.stat-label, .stat-number) {
  color: var(--em-day-home-strong);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .82);
}

html[data-theme="light"] .stats-style-fusion :is(.stat-number small, .stat-trend) {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .stats-style-fusion .stat-trend b {
  color: #007b70;
}

html[data-theme="light"] .stats-style-fusion .stat-icon {
  color: #087a78;
  background: rgba(255, 255, 255, .72);
  border-color: rgba(0, 125, 112, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 5px 12px rgba(18, 101, 137, .08);
}

html[data-theme="light"] .stats-style-fusion .alert-card .stat-icon {
  color: #c75350;
  background: rgba(255, 245, 243, .76);
  border-color: rgba(200, 83, 80, .18);
}

html[data-theme="light"] .home-middle-region.board-card {
  background: radial-gradient(circle at 72% 54%, rgba(20, 151, 185, .10), transparent 31%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(238, 249, 255, .90));
}

html[data-theme="light"] .home-middle-region .task-group {
  background: linear-gradient(128deg, rgba(255, 255, 255, .96), rgba(239, 249, 255, .86));
  border-color: var(--em-day-home-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 6px 16px rgba(30, 103, 136, .06);
}

html[data-theme="light"] .home-middle-region .group-heading {
  color: var(--em-day-home-ink);
}

html[data-theme="light"] .home-middle-region .group-heading:hover,
html[data-theme="light"] .home-middle-region .group-heading:focus-visible {
  color: #006d70;
  background: #edf7f6;
}

html[data-theme="light"] .home-middle-region .group-count {
  color: var(--em-day-home-muted);
  background: rgba(20, 127, 196, .08);
}

html[data-theme="light"] .home-middle-region .group-heading .icon {
  color: #4f8093;
}

html[data-theme="light"] .home-middle-region .task-row {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .home-middle-region .task-row:hover,
html[data-theme="light"] .home-middle-region .task-row:focus-visible {
  color: #075e69;
  background: rgba(20, 127, 196, .07);
}

html[data-theme="light"] .home-middle-region .task-row.selected {
  color: var(--em-day-home-strong);
  background: #e6f4f2;
  box-shadow: inset 2px 0 0 #008a7b;
}

html[data-theme="light"] .home-middle-region .task-due,
html[data-theme="light"] .home-middle-region .task-id {
  color: var(--em-day-home-subtle);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card-front {
  background: linear-gradient(106deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, .09) 58%, transparent 76%),
    color-mix(in srgb, var(--deck-card-color, #4a5550) 72%, #ffffff);
  border-color: rgba(255, 255, 255, .66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .44), 8px 12px 20px rgba(18, 76, 90, .18);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card-back {
  background: linear-gradient(180deg, rgba(9, 68, 70, .08), rgba(9, 68, 70, .20)),
    linear-gradient(116deg, rgba(255, 255, 255, .26), transparent 56%),
    color-mix(in srgb, var(--deck-card-color, #4a5550) 68%, #edfaff);
  border-color: rgba(255, 255, 255, .54);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .30), 5px 9px 17px rgba(18, 76, 90, .16);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card-front::before {
  opacity: .20;
  background: repeating-linear-gradient(0deg, rgba(10, 61, 73, .38) 0 5px, transparent 5px 12px),
    repeating-linear-gradient(90deg, rgba(10, 61, 73, .30) 0 5px, transparent 5px 12px);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit :is(.file-meta, .file-title) {
  color: #ffffff;
  text-shadow: 0 1px 8px rgba(7, 48, 57, .58);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card:hover .file-card-front,
html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card:focus-visible .file-card-front {
  background: linear-gradient(106deg, rgba(255, 255, 255, .42), rgba(25, 182, 159, .16) 55%, transparent 78%),
    color-mix(in srgb, var(--deck-card-hover, #08743d) 72%, #ffffff);
  border-color: rgba(0, 125, 112, .62);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card:hover .file-card-back,
html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card:focus-visible .file-card-back {
  background: linear-gradient(180deg, rgba(9, 68, 70, .08), rgba(9, 68, 70, .22)),
    color-mix(in srgb, var(--deck-card-hover, #08743d) 68%, #edfaff);
}

html[data-theme="light"] .home-middle-region .progress-document {
  color: var(--em-day-home-ink);
  background: radial-gradient(circle at 88% 4%, rgba(25, 182, 159, .16), transparent 31%),
    linear-gradient(145deg, #ffffff, #eefaff);
  border-color: var(--em-day-home-line-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 14px 20px 30px rgba(20, 91, 112, .18);
}

html[data-theme="light"] .home-middle-region :is(.progress-top, .progress-close) {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .home-middle-region .progress-period,
html[data-theme="light"] .home-middle-region .progress-value small {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .recommendation-card,
html[data-theme="light"] .ai-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(236, 249, 255, .84));
  border-color: var(--em-day-home-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94), 0 8px 20px rgba(23, 103, 137, .07);
}

html[data-theme="light"] :is(.recommendation-header h4, .ai-card h4) {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .recommendation-header > span,
html[data-theme="light"] .ai-card ul {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .recommendation-list li {
  color: var(--em-day-home-muted);
  background: color-mix(in srgb, var(--recommend-color, var(--green)) 10%, #ffffff);
  border-color: color-mix(in srgb, var(--recommend-color, var(--green)) 30%, rgba(21, 112, 151, .12));
}

html[data-theme="light"] .recommendation-list a {
  color: var(--em-day-home-ink);
}

html[data-theme="light"] .recommendation-list li:hover {
  background: color-mix(in srgb, var(--recommend-color, var(--green)) 17%, #f7fdff);
  border-color: color-mix(in srgb, var(--recommend-color, var(--green)) 46%, rgba(0, 125, 112, .18));
}

html[data-theme="light"] .recommendation-list li:hover a {
  color: #006c6f;
}

html[data-theme="light"] .footer-monitor {
  background: radial-gradient(circle at 92% 2%, rgba(20, 127, 196, .11), transparent 33%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(237, 249, 255, .88));
  border-color: var(--em-day-home-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), var(--em-day-home-shadow);
}

html[data-theme="light"] .footer-monitor-header h2,
html[data-theme="light"] .footer-monitor-item strong {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .footer-monitor-live,
html[data-theme="light"] .footer-monitor-item > span,
html[data-theme="light"] .footer-monitor-item strong :is(small, em),
html[data-theme="light"] .footer-monitor-item p {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .footer-monitor-item {
  background: rgba(255, 255, 255, .68);
  border-color: rgba(20, 112, 151, .11);
}

html[data-theme="light"] .footer-monitor-link:hover {
  color: var(--em-day-home-strong);
  background: linear-gradient(120deg, rgba(20, 127, 196, .08), rgba(25, 182, 159, .08));
  border-color: var(--em-day-home-line-strong);
}

html[data-theme="light"] .footer-monitor-link .footer-monitor-arrow {
  color: #297f93;
}

html[data-theme="light"] .page-filter-pills :is(button, a) {
  color: var(--em-day-home-muted);
  background: rgba(255, 255, 255, .72);
  border-color: var(--em-day-home-line);
}

html[data-theme="light"] .page-filter-pills :is(button, a):hover,
html[data-theme="light"] .page-filter-pills :is(button, a).active {
  color: #006d70;
  background: linear-gradient(120deg, rgba(20, 127, 196, .11), rgba(25, 182, 159, .11));
  border-color: var(--em-day-home-line-strong);
}

html[data-theme="light"] .post-table-head {
  color: var(--em-day-home-subtle);
}

html[data-theme="light"] .post-table-row {
  border-color: rgba(20, 112, 151, .11);
}

html[data-theme="light"] .post-table-row:hover {
  /* The row itself stays still; state is communicated by text/icon colour. */
  background: transparent !important;
  transform: none;
}

/* day-flat-surfaces.css is loaded after this layer and intentionally uses an
   !important surface tint for most hoverable cards.  The article list is an
   exception: preserve the transparent row state with one scoped, stronger
   override while leaving the shared flat-surface treatment untouched. */
html[data-theme="light"] .post-library .post-table-row:hover {
  background: transparent !important;
  transform: none;
}

html[data-theme="light"] .post-media {
  background-color: #eef9ff;
  background-image: linear-gradient(135deg, rgba(20, 127, 196, .12), rgba(25, 182, 159, .06));
  border-color: rgba(20, 112, 151, .18);
  box-shadow: 0 8px 18px rgba(26, 97, 129, .12), inset 0 1px rgba(255, 255, 255, .72);
}

html[data-theme="light"] .post-media-item {
  background: #e7f4f8;
}

html[data-theme="light"] .post-table-row:hover .post-media {
  border-color: rgba(20, 112, 151, .18) !important;
  background-image: none !important;
}

html[data-theme="light"] .post-index {
  color: #5d91a3;
}

html[data-theme="light"] .post-cell-main h3,
html[data-theme="light"] .post-cell-main h3 a {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .post-cell-main p,
html[data-theme="light"] :is(.table-metric, .post-table-row time) {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .row-action {
  color: #4e7a8b;
  background: rgba(255, 255, 255, .72);
  border-color: var(--em-day-home-line);
}

html[data-theme="light"] .row-action:hover,
html[data-theme="light"] .row-action:focus-visible {
  color: var(--em-day-home-menu);
  background: transparent !important;
  border-color: var(--em-day-home-line);
}

/* Hover feedback for an article row is intentionally limited to its readable
   labels and the trailing arrow.  Keep the same menu tone across every data
   cell so no pale background/translation is introduced in daylight mode. */
html[data-theme="light"] .post-table-row:hover :is(
  .post-cell-main h3,
  .post-cell-main h3 a,
  .post-cell-main p,
  .table-metric,
  time,
  .row-action,
  .row-action .icon
) {
  color: var(--em-day-home-menu);
}

html[data-theme="light"] .post-table-row:hover .row-action {
  background: transparent !important;
  border-color: var(--em-day-home-line);
}

html[data-theme="light"] .pagination {
  border-color: rgba(20, 112, 151, .12);
}

html[data-theme="light"] .pagination :is(button, a, span) {
  color: var(--em-day-home-muted);
  background: rgba(255, 255, 255, .78);
  border-color: var(--em-day-home-line);
}

html[data-theme="light"] .pagination :is(button.active, a.active, span.current, [aria-current="page"]),
html[data-theme="light"] .pagination > span {
  color: #006e70;
  background: linear-gradient(135deg, rgba(20, 127, 196, .13), rgba(25, 182, 159, .13));
  border-color: var(--em-day-home-line-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .74);
}

html[data-theme="light"] .pagination a:hover,
html[data-theme="light"] .pagination a:focus-visible {
  color: #006e70;
  background: #edfaff;
  border-color: var(--em-day-home-line-strong);
}

html[data-theme="light"] .pagination em {
  color: var(--em-day-home-subtle);
}

html[data-theme="light"] .category-card {
  background: radial-gradient(ellipse at 8% 0%, var(--category-accent-soft, rgba(20, 127, 196, .12)), transparent 44%),
    radial-gradient(ellipse at 92% 106%, rgba(25, 182, 159, .11), transparent 48%),
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(241, 250, 255, .94) 56%, rgba(238, 251, 248, .92));
  border-color: var(--category-accent-border, rgba(20, 112, 151, .28));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 13px 26px rgba(28, 100, 132, .10);
}

html[data-theme="light"] .category-card::before {
  background: radial-gradient(ellipse at 42% 52%, transparent 0 35%, rgba(20, 127, 196, .10) 35.5% 36.2%, transparent 36.8% 45%, rgba(20, 127, 196, .06) 45.5% 46.1%, transparent 46.7%),
    radial-gradient(ellipse at 66% 44%, transparent 0 25%, var(--category-accent-faint, rgba(25, 182, 159, .10)) 25.5% 26.5%, transparent 27% 39%, rgba(255, 255, 255, .40) 39.5% 40.2%, transparent 40.8%);
}

html[data-theme="light"] .category-number {
  color: var(--em-day-home-muted);
  background: rgba(255, 255, 255, .72);
  border-color: rgba(20, 112, 151, .12);
}

html[data-theme="light"] .category-card h3 {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .category-card p,
html[data-theme="light"] .category-card footer {
  color: var(--em-day-home-muted);
  border-color: rgba(20, 112, 151, .12);
}

html[data-theme="light"] .category-card:hover,
html[data-theme="light"] .category-card:focus-visible {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 16px 30px rgba(28, 100, 132, .15);
}

html[data-theme="light"] .tag-marquee::before {
  background: linear-gradient(90deg, #f5fbff, transparent);
}

html[data-theme="light"] .tag-marquee::after {
  background: linear-gradient(-90deg, #f5fbff, transparent);
}

html[data-theme="light"] .tag-marquee a {
  color: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 62%, #163d50);
  background: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 10%, #ffffff);
  border-color: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 34%, rgba(20, 112, 151, .12));
}

html[data-theme="light"] .tag-marquee a:hover,
html[data-theme="light"] .tag-marquee a:focus-visible {
  color: #075f68;
  background: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 18%, #f5fdff);
  border-color: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 56%, rgba(0, 125, 112, .18));
}

html[data-theme="light"] .tag-cloud :is(button, a) {
  color: var(--em-day-home-ink);
}

html[data-theme="light"] .tag-cloud span,
html[data-theme="light"] .tag-insights :is(span, p) {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .tag-orbit-heading h2,
html[data-theme="light"] .tag-orbit-prompt strong,
html[data-theme="light"] .tag-orbit-core strong,
html[data-theme="light"] .tag-orbit-insights strong {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] :is(.tag-orbit-heading p, .tag-orbit-prompt small, .tag-orbit-core small, .tag-orbit-insights :is(span, p)) {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .tag-orbit-prompt,
html[data-theme="light"] .tag-orbit-toggle,
html[data-theme="light"] .tag-orbit-node {
  color: var(--em-day-home-ink);
  background: rgba(255, 255, 255, .72);
  border-color: rgba(var(--orbit-rgb), .24);
}

html[data-theme="light"] .tag-orbit-toggle:hover,
html[data-theme="light"] .tag-orbit-toggle:focus-visible,
html[data-theme="light"] .tag-orbit-toggle[aria-pressed="true"],
html[data-theme="light"] .tag-orbit-node:hover,
html[data-theme="light"] .tag-orbit-node:focus-visible {
  color: #006d70;
  background: rgba(var(--orbit-rgb), .12);
}

html[data-theme="light"] .tag-orbit-shell {
  --orbit-rgb: 0, 140, 132;
  color: var(--em-day-home-ink);
  background: radial-gradient(circle at 50% 47%, rgba(28, 164, 186, .13), transparent 34%),
    radial-gradient(circle at 83% 12%, rgba(34, 139, 205, .10), transparent 31%),
    linear-gradient(145deg, #ffffff 0%, #f4fbff 56%, #edf9f5 100%);
  border-color: rgba(16, 119, 150, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 14px 30px rgba(23, 104, 138, .10);
}

html[data-theme="light"] .tag-orbit-core {
  color: #0c3a50;
  background: radial-gradient(circle at 34% 25%, rgba(255, 255, 255, .98), transparent 18%),
    radial-gradient(circle at 47% 43%, rgba(84, 206, 190, .48), rgba(35, 151, 183, .19) 57%, rgba(236, 250, 249, .98) 75%);
  border-color: rgba(0, 126, 117, .52);
  box-shadow: inset -13px -16px 27px rgba(33, 134, 156, .12), 0 0 0 8px rgba(0, 139, 129, .055), 0 12px 27px rgba(25, 107, 140, .16);
}

html[data-theme="light"] .tag-orbit-core::before,
html[data-theme="light"] .tag-orbit-core::after,
html[data-theme="light"] .tag-orbit-core > span {
  border-color: rgba(0, 126, 117, .26);
}

html[data-theme="light"] .tag-orbit-core::before {
  border-color: rgba(25, 123, 166, .18);
}

html[data-theme="light"] .tag-orbit-core > span {
  border-color: rgba(255, 255, 255, .74);
}

html[data-theme="light"] .tag-orbit-ring::after {
  border-color: #f9ffff;
}

html[data-theme="light"] .tag-orbit-insights {
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(235, 249, 249, .92));
  border-color: rgba(9, 122, 113, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 8px 20px rgba(25, 107, 140, .07);
}

html[data-theme="light"] .tag-orbit-insights article + article::before {
  background: rgba(21, 112, 151, .15);
}

html[data-theme="light"] .tag-orbit-insights svg {
  background: rgba(0, 139, 129, .08);
  border-color: rgba(0, 126, 117, .20);
}

html[data-theme="light"] .tag-orbit-insights strong {
  color: #0b4056;
}

html[data-theme="light"] .tag-orbit-hottest strong {
  color: #087c71;
}

html[data-theme="light"] .feedback-float-nav {
  background: linear-gradient(155deg, rgba(255, 255, 255, .97), rgba(235, 249, 255, .88));
  border-color: var(--em-day-home-line);
  box-shadow: 0 15px 36px rgba(18, 101, 137, .14), inset 0 1px 0 rgba(255, 255, 255, .98);
}

html[data-theme="light"] .feedback-float-button {
  color: #3e7086;
  background: rgba(255, 255, 255, .90);
  border-color: var(--em-day-home-line);
}

html[data-theme="light"] .feedback-float-button:hover,
html[data-theme="light"] .feedback-float-button:focus-visible,
html[data-theme="light"] .feedback-float-button[aria-expanded="true"] {
  color: #007a72;
  background: #effbff;
  border-color: var(--em-day-home-line-strong);
  box-shadow: 0 8px 20px rgba(18, 101, 137, .12), 0 0 0 3px rgba(20, 127, 196, .09);
}

html[data-theme="light"] .deck-settings-backdrop {
  background: rgba(20, 54, 65, .30);
}

html[data-theme="light"] .deck-settings-drawer {
  color: #294c5b;
  background: #ffffff;
  border-color: #cbdfe3;
  box-shadow: -18px 0 46px rgba(22, 66, 79, .19), inset 0 1px 0 #ffffff;
}

html[data-theme="light"] .deck-settings-header {
  background: #ffffff;
  border-color: #dce9eb;
}

html[data-theme="light"] .deck-settings-header h3 {
  color: #183b49;
}

html[data-theme="light"] .deck-settings-close {
  color: #63818a;
  background: #f4f9f9;
  border-color: #d7e6e7;
}

html[data-theme="light"] .deck-settings-close:hover,
html[data-theme="light"] .deck-settings-close:focus-visible {
  color: #076d65;
  background: #eaf6f3;
  border-color: #aad7cf;
}

html[data-theme="light"] .deck-settings-form {
  background: #f7fbfb;
}

html[data-theme="light"] .deck-settings-form::-webkit-scrollbar-thumb {
  background: #a8ceca;
}

html[data-theme="light"] :is(.deck-setting-group, fieldset.deck-setting-group) {
  background: #ffffff;
  border-color: #d7e5e6;
  box-shadow: inset 0 1px 0 #ffffff, 0 3px 10px rgba(29, 80, 91, .035);
}

html[data-theme="light"] :is(.deck-setting-group legend, .deck-setting-title > span) {
  color: #1e4554;
}

html[data-theme="light"] :is(.deck-setting-title small, .deck-setting-group > p) {
  color: #63808a;
}

html[data-theme="light"] .deck-layout-options label > span {
  color: #3e6675;
  background: #f3f8f8;
  border-color: #d6e4e5;
}

html[data-theme="light"] .deck-layout-options b {
  color: #244e5d;
}

html[data-theme="light"] .deck-layout-options small {
  color: #66818b;
}

html[data-theme="light"] .deck-layout-options input:checked + span {
  color: #075f59;
  background: #e1f3ee;
  border-color: #79bdb4;
  box-shadow: inset 3px 0 0 #0a9385, 0 5px 12px rgba(8, 122, 112, .09);
}

html[data-theme="light"] .deck-layout-options input:checked + span b {
  color: #075f59;
}

html[data-theme="light"] .deck-layout-options input:checked + span small {
  color: #43777b;
}

html[data-theme="light"] :is(.deck-color-field, .deck-range-field) {
  color: #365d6b;
}

html[data-theme="light"] :is(.deck-color-field input[type="color"], .deck-fusion-swatch input[type="color"]) {
  background: #ffffff;
  border-color: #c9dcde;
}

html[data-theme="light"] :is(.deck-color-field output, .deck-range-field output) {
  color: #1f5866;
}

html[data-theme="light"] .deck-range-field input[type="range"] {
  accent-color: #078d80;
}

html[data-theme="light"] .deck-fusion-preset-heading {
  color: #1e4857;
}

html[data-theme="light"] .deck-fusion-preset-heading small {
  color: #66828b;
}

html[data-theme="light"] .deck-fusion-preset {
  color: #315b6a;
  background: #ffffff;
  border-color: #d1e1e3;
  box-shadow: 0 4px 10px rgba(25, 76, 89, .045), inset 0 1px 0 #ffffff;
}

html[data-theme="light"] .deck-fusion-preset:hover,
html[data-theme="light"] .deck-fusion-preset.is-selected {
  background: #edf9f6;
  border-color: #63aaa0;
  box-shadow: 0 7px 15px rgba(8, 122, 112, .10), inset 0 1px 0 #ffffff;
}

html[data-theme="light"] .deck-fusion-preset-art {
  background: #ffffff;
  border-color: #bcd8da;
  box-shadow: 0 3px 8px rgba(25, 79, 95, .10);
}

html[data-theme="light"] .deck-fusion-preset-art i {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26);
}

html[data-theme="light"] .deck-fusion-preset-art::after {
  opacity: .24;
}

html[data-theme="light"] .deck-fusion-preset-copy b {
  color: #1d4757;
}

html[data-theme="light"] .deck-fusion-preset-copy small {
  color: #627f89;
}

html[data-theme="light"] .deck-stat-palette {
  background: #f5fafa;
  border-color: #d5e4e5;
}

html[data-theme="light"] .deck-stat-palette > header {
  color: #284f5e;
}

html[data-theme="light"] .deck-stat-palette > header small,
html[data-theme="light"] .deck-fusion-swatch {
  color: #66808a;
}

html[data-theme="light"] .deck-fusion-swatch output {
  color: #3a6574;
}

html[data-theme="light"] .deck-settings-status {
  color: #5d7d87;
}

html[data-theme="light"] .deck-settings-status.is-error {
  color: #b74e4d;
}

html[data-theme="light"] .deck-settings-status.is-success {
  color: #077567;
}

html[data-theme="light"] .deck-settings-reset {
  color: #4b707c;
  background: #ffffff;
  border-color: #cfdfdf;
}

html[data-theme="light"] .deck-settings-reset:hover,
html[data-theme="light"] .deck-settings-reset:focus-visible {
  color: #076b63;
  background: #eef8f5;
  border-color: #a9d6cf;
}

html[data-theme="light"] .deck-settings-save {
  color: #ffffff;
  background: #087e72;
  border-color: #087367;
  box-shadow: 0 6px 13px rgba(8, 122, 112, .17);
}

html[data-theme="light"] .deck-settings-save:hover,
html[data-theme="light"] .deck-settings-save:focus-visible {
  background: #066d63;
}