/* A small atlas, held open: one identity with five material treatments. */
.brand[data-identity="atlas"] { gap: 10px; min-width: 170px; letter-spacing: 0; }
.brand .brand-emblem { width: 50px; height: 60px; flex: none; overflow: visible; fill: none; stroke: none; transform: rotate(-5deg); }
.brand-emblem .emblem-sheet { fill: var(--sky-highlight); opacity: .8; }
.brand-emblem .emblem-paper { fill: var(--sky); stroke: currentColor; stroke-width: 1.65; stroke-linejoin: round; }
.brand-emblem .emblem-fold { fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linejoin: round; }
.brand-emblem .emblem-horizon { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.brand-emblem .emblem-sun { fill: var(--sky-highlight); }
.brand-emblem .emblem-tick { fill: none; stroke: var(--sky-highlight); stroke-width: 2; stroke-linecap: round; }
.reader-header .brand-emblem .emblem-paper { fill: var(--card); }
.brand-lettering { display: flex; flex-direction: column; align-items: flex-start; padding: 2px 0 4px; font: 600 28px/.89 Georgia, 'Times New Roman', serif; letter-spacing: -.8px; }
.brand-lettering>span:last-child { margin-top: 4px; font-size: 30px; letter-spacing: -1.2px; }
.brand-lettering>span:first-child { padding-left: 1px; }
.theme-options { width: 218px; padding: 7px; }
.theme-options button { padding: 8px 10px; gap: 12px; font-size: 18px; }
.theme-swatch { width: 35px; height: 28px; }
.swatch-cobalt { background: linear-gradient(145deg,#173fbb 0 55%,#ef976b 55% 80%,#fff0d4 80%); border: 1px solid #173fbb; border-radius: 0; }
.swatch-lifestyle { background: linear-gradient(110deg,#fdfcf8 0 34%,#26364c 34% 55%,#6e8258 55% 76%,#ce4b30 76%); border: 1px solid #d6d9d6; border-radius: 45% 40% 36% 48%; }
.swatch-storybook { background: linear-gradient(135deg,#6575a8 0 40%,#ebbfce 40% 72%,#526a52 72%); border-radius: 40% 45% 34% 42%; }
.theme-art, .garden-ornament { display: none; }
.theme-art { position: absolute; margin: 0; pointer-events: none; }
.theme-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
:root:is([data-theme="cobalt"],[data-theme="lifestyle"],[data-theme="storybook"]) .hero-art,
:root:is([data-theme="cobalt"],[data-theme="lifestyle"],[data-theme="storybook"]) .decor-sprig,
:root:is([data-theme="cobalt"],[data-theme="lifestyle"],[data-theme="storybook"]) .ink-flourish,
:root:is([data-theme="cobalt"],[data-theme="lifestyle"],[data-theme="storybook"]) .sky-star { display: none; }
:root:is([data-theme="cobalt"],[data-theme="lifestyle"],[data-theme="storybook"]) .source-toggle button.active { color: var(--card); }
:root:is([data-theme="cobalt"],[data-theme="lifestyle"],[data-theme="storybook"]) #toast { color: var(--card); }
:root:is([data-theme="cobalt"],[data-theme="lifestyle"],[data-theme="storybook"]) .section-heading button:hover::before { background-color: var(--selection); }
/* Cobalt print: hard-edged ink, a warm second plate, and sparse halftone. */
:root[data-theme="cobalt"] {
  --paper: #f8edd6; --card: #fff5e1; --panel: #e1e6f2;
  --ink: #173777; --muted: #506486; --line: #a6b3ce;
  --accent: #183eac; --orange: #f1a076; --olive: #f0c3a7;
  --accent-wash: #dfe6f7; --sky: #1639a7; --sky-text: #fff1d5;
  --sky-hover: #2852c5; --sky-highlight: #ffb383;
  --field: #fff0d4; --field-border: #f5bf95; --field-shadow: #09236a4d;
  --card-border: #9eacc8; --card-shadow: #163b8522;
  --label-paper: #fff4def2; --action: #9b4326; --selection: #f6c3a1;
  --status-positive: #2e5287; --dialog-shadow: #092b6959; --backdrop: #0c215ba6;
  --viewer: #dbe2ec; --tag-paper: #e6dfc8; --prompt-paper: #faf0dc;
  --lightbox: #132d6b; --lightbox-text: #fff0d4; --focus: #a84122;
}
[data-theme="cobalt"] .sky-shell::before { background: url('assets/print-dots.svg'), url('assets/paper-grain.svg'); mix-blend-mode: screen; opacity: .7; }
[data-theme="cobalt"] .sky-shell { border-bottom: 5px solid var(--orange); }
[data-theme="cobalt"] .paper-shore { display: none; }
[data-theme="cobalt"] .brand .brand-emblem { transform: none; }
[data-theme="cobalt"] .brand-lettering { font-family: Georgia,serif; }
[data-theme="cobalt"] .theme-art--cobalt { display: block; width: min(490px,36vw); height: 226px; right: calc(var(--page) + 14px); top: -1px; padding: 9px; background: var(--field); border: 1px solid var(--sky-highlight); box-shadow: 6px 7px 0 #081e6f; }
[data-theme="cobalt"] .theme-art--cobalt::after { content: ''; position: absolute; inset: 4px -9px -9px 4px; border: 1px solid var(--orange); pointer-events: none; }
[data-theme="cobalt"] .pigment-samples { transform: none; gap: 6px; }
[data-theme="cobalt"] .pigment-samples i { width: 15px; height: 19px; border-radius: 0; background-color: var(--sky); background-image: url('assets/print-dots.svg'); border-color: #fff1d560; transform: none; }
[data-theme="cobalt"] .pigment-samples i:nth-child(2) { background-color: var(--orange); }
[data-theme="cobalt"] .pigment-samples i:nth-child(3) { background-color: #f2c4bb; }
[data-theme="cobalt"] .pigment-samples i:nth-child(4) { background-color: #7b8aca; }
[data-theme="cobalt"] .pigment-samples i:nth-child(5) { background-color: var(--card); }
[data-theme="cobalt"] .scope-nav button::before,
[data-theme="cobalt"] #categories button::before,
[data-theme="cobalt"] .source-toggle button::before,
[data-theme="cobalt"] .section-heading button::before,
[data-theme="cobalt"] .empty button::before,
[data-theme="cobalt"] .compare-primary::before { mask: none; border-radius: 0; }
[data-theme="cobalt"] .density-control, [data-theme="cobalt"] .density-control button { border-radius: 0; }
[data-theme="cobalt"] .scope-nav button.active::before { background: var(--orange) url('assets/print-dots.svg'); box-shadow: 3px 3px 0 #0a2478; }
[data-theme="cobalt"] .scope-nav button.active { color: #173777; }
[data-theme="cobalt"] .search-box { border-radius: 0; box-shadow: 5px 5px 0 #081e6f; }
[data-theme="cobalt"] .card-content { border-radius: 0; box-shadow: 4px 4px 0 var(--card-shadow); }
[data-theme="cobalt"] .card-content::before, [data-theme="cobalt"] .style-card:nth-child(3n) .card-content::before { left: 14px; right: auto; top: -4px; width: 40px; height: 7px; opacity: 1; transform: none; mask: none; background: var(--orange) url('assets/print-dots.svg'); border-inline: 1px solid var(--ink); }
[data-theme="cobalt"] .card-actions { border-top: 2px solid var(--line); }
[data-theme="cobalt"] .card-save { clip-path: polygon(0 0,100% 0,100% 100%,50% 82%,0 100%); border-radius: 0; background: var(--card); }
[data-theme="cobalt"] .card-save[aria-pressed=true] { background: var(--orange); }
[data-theme="cobalt"] :is(.sort-label select,.facet-select select,.compact-search,.theme-picker summary,.theme-options,.detail,.compare-dialog,.compare-tray,.prompt-customizer,.workbench-segment button,.detail-tags span,.active-filters button,.compare-tag-row>span,.compare-select-label>select,.compare-image-stage,.compare-image-arrow,.compare-prompt>pre,.compare-reference-button,.lightbox-zoom button,.lightbox-nav) { border-radius: 0; }
[data-theme="cobalt"] :is(.viewer,.compare-image-stage,.lightbox-stage) { background-image: url('assets/print-dots.svg'); }
[data-theme="cobalt"] .workbench-segment button[aria-pressed=true] { background-image: url('assets/print-dots.svg'); box-shadow: inset 0 -2px 0 var(--ink); }
[data-theme="cobalt"] select::picker(select) { border-radius: 0; border-color: var(--ink); box-shadow: 4px 4px 0 var(--card-shadow); }
/* Lifestyle: calm white paper, indigo contours and small vermilion gestures. */
:root[data-theme="lifestyle"] {
  --paper: #fafaf6; --card: #fffefa; --panel: #e5edf0;
  --ink: #28384c; --muted: #61716f; --line: #cad0ca;
  --accent: #436c8f; --orange: #c54d33; --olive: #e7eacb;
  --accent-wash: #e7eef1; --sky: #fafaf6; --sky-text: #28384c;
  --sky-hover: #e8ede5; --sky-highlight: #c54d33;
  --field: #fffefa; --field-border: #94a6a7; --field-shadow: #28384c13;
  --card-border: #d0d4cc; --card-shadow: #28384c0d;
  --label-paper: #fffefaf0; --action: #a4402c; --selection: #f0d4bd;
  --status-positive: #557358; --dialog-shadow: #243a4b30; --backdrop: #26364970;
  --viewer: #edf1ec; --tag-paper: #e8eddf; --prompt-paper: #f5f5ed;
  --lightbox: #28384c; --lightbox-text: #fffefa; --focus: #aa422e;
}
[data-theme="lifestyle"] body { background-image: url('assets/paper-grain.svg'); }
[data-theme="lifestyle"] .sky-shell::before { background-image: url('assets/paper-grain.svg'); mix-blend-mode: multiply; opacity: .25; }
[data-theme="lifestyle"] .sky-shell { border-bottom: 1px solid var(--line); }
[data-theme="lifestyle"] .paper-shore { display: none; }
[data-theme="lifestyle"] .theme-art--lifestyle { display: block; width: 390px; height: 252px; right: calc(var(--page) + 46px); top: -18px; }
[data-theme="lifestyle"] .theme-art--lifestyle img { object-fit: contain; mix-blend-mode: multiply; }
[data-theme="lifestyle"] .theme-art--lifestyle::after { content: ''; position: absolute; width: 17px; height: 30px; top: 20px; right: 36px; border-left: 3px solid var(--orange); border-right: 3px solid var(--orange); transform: rotate(27deg); }
[data-theme="lifestyle"] .title-spark { font-size: 24px; transform: rotate(-12deg); }
[data-theme="lifestyle"] .pigment-samples { transform: rotate(-3deg); }
[data-theme="lifestyle"] .pigment-samples i { background-color: #8ab0cd; border-color: transparent; }
[data-theme="lifestyle"] .pigment-samples i:nth-child(2) { background-color: var(--orange); }
[data-theme="lifestyle"] .pigment-samples i:nth-child(3) { background-color: #d4af4b; }
[data-theme="lifestyle"] .pigment-samples i:nth-child(4) { background-color: #6d8557; }
[data-theme="lifestyle"] .pigment-samples i:nth-child(5) { background-color: var(--ink); }
[data-theme="lifestyle"] .scope-nav button.active { color: var(--ink); }
[data-theme="lifestyle"] .scope-nav button.active::before { inset: auto 12px 4px; height: 4px; background: var(--orange); }
[data-theme="lifestyle"] .search-box { border-radius: 5px 11px 4px 8px; border: 1px solid var(--ink); box-shadow: 2px 3px 0 var(--field-shadow); background-image: none; }
[data-theme="lifestyle"] .card-content { border-radius: 6px 12px 5px 9px; box-shadow: none; }
[data-theme="lifestyle"] .card-content::before, [data-theme="lifestyle"] .style-card:nth-child(3n) .card-content::before { left: 14px; right: auto; top: -2px; width: 26px; height: 4px; transform: rotate(-5deg); opacity: 1; background: var(--orange); }
[data-theme="lifestyle"] .card-save { background: var(--card); }
[data-theme="lifestyle"] .card-save[aria-pressed=true] { background: var(--orange); color: var(--card); }
[data-theme="lifestyle"] .card-save[aria-pressed=true] svg { fill: none; }
[data-theme="lifestyle"] .section-heading button, [data-theme="lifestyle"] .empty button, [data-theme="lifestyle"] .compare-primary, [data-theme="lifestyle"] .lightbox-close { color: var(--card); }
[data-theme="lifestyle"] .section-heading button:hover::before, [data-theme="lifestyle"] .compare-primary:hover:not(:disabled)::before { background-color: #a4402c; }
[data-theme="lifestyle"] .theme-options { background-image: url('assets/paper-grain.svg'); }
[data-theme="lifestyle"] .page-header { background-image: none; }
[data-theme="lifestyle"] .workbench-segment button[aria-pressed=true] { background: var(--panel); box-shadow: inset 0 -3px 0 var(--orange); }
[data-theme="lifestyle"] .detail-divider::after { background: var(--orange); }
/* Storybook: softly shaped book corners, flower-pink tabs and pencil texture. */
:root[data-theme="storybook"] {
  --paper: #f5e9e2; --card: #fff7eb; --panel: #e7e7f1;
  --ink: #354e49; --muted: #66746c; --line: #c6c9b5;
  --accent: #5b6a99; --orange: #edbbc4; --olive: #e1e6cb;
  --accent-wash: #e8e5f1; --sky: #596c9a; --sky-text: #fff5e8;
  --sky-hover: #4e608c; --sky-highlight: #f2c3ce;
  --field: #fff3e5; --field-border: #edd4bd; --field-shadow: #263b6b33;
  --card-border: #c7c9b9; --card-shadow: #4f654b1a;
  --label-paper: #fff6e8ed; --action: #8c4c60; --selection: #efced1;
  --status-positive: #567057; --dialog-shadow: #41476b45; --backdrop: #3945658f;
  --viewer: #e5e9dc; --tag-paper: #e9e6d0; --prompt-paper: #f7efdf;
  --lightbox: #35465b; --lightbox-text: #fff4e6; --focus: #904c60;
}
[data-theme="storybook"] .sky-shell::before { background-image: url('assets/paper-relief.svg'),url('assets/paper-grain.svg'); opacity: .8; }
[data-theme="storybook"] .theme-art--storybook { display: block; width: 370px; height: 263px; right: calc(var(--page) + 62px); top: -21px; overflow: hidden; border-radius: 48% 44% 43% 40%; border: 5px solid #eec6cc; box-shadow: 6px 6px 0 #40548270; }
[data-theme="storybook"] .theme-art--storybook img { object-position: 50% 66%; }
[data-theme="storybook"] .garden-ornament { display: block; position: absolute; right: calc(var(--page) + 425px); bottom: -3px; width: 120px; height: 95px; overflow: visible; }
[data-theme="storybook"] .garden-stem { fill: none; stroke: #cbd5ac; stroke-width: 2; stroke-linecap: round; }
[data-theme="storybook"] .garden-leaf { fill: #c0cc9b; }
[data-theme="storybook"] .garden-flower path { fill: #efbdca; }
[data-theme="storybook"] .garden-flower circle { fill: #eac574; }
[data-theme="storybook"] .title-spark { color: #f4d49b; }
[data-theme="storybook"] .pigment-samples i { background-color: #8190be; }
[data-theme="storybook"] .pigment-samples i:nth-child(2) { background-color: #edbbc4; }
[data-theme="storybook"] .pigment-samples i:nth-child(3) { background-color: #a2b381; }
[data-theme="storybook"] .pigment-samples i:nth-child(4) { background-color: #354e49; }
[data-theme="storybook"] .pigment-samples i:nth-child(5) { background-color: var(--card); }
[data-theme="storybook"] .card-content { border-radius: 8px 18px 14px 7px; border-left: 3px solid #c7cdb1; box-shadow: 3px 4px 0 var(--card-shadow); }
[data-theme="storybook"] .card-content::before, [data-theme="storybook"] .style-card:nth-child(3n) .card-content::before { background: var(--orange) url('assets/paper-grain.svg'); border-radius: 50% 40% 45% 30%; mask: none; width: 30px; height: 9px; top: -5px; transform: rotate(-7deg); }
[data-theme="storybook"] .style-card:nth-child(3n) .card-content::before { background-color: #aab98c; }
[data-theme="storybook"] .search-box, [data-theme="storybook"] .theme-picker summary { border-radius: 8px 13px 7px 10px; }
[data-theme="storybook"] .theme-options { border-radius: 8px 14px 9px 11px; }
[data-theme="storybook"] .card-save[aria-pressed=true] { background: var(--orange); color: var(--ink); }
[data-theme="storybook"] .detail, [data-theme="storybook"] .compare-dialog { border-radius: 10px 18px 12px 9px; }
[data-theme="storybook"] .prompt-customizer { border-radius: 7px 12px 6px 9px; background: #f7e6de; }
[data-theme="storybook"] .workbench-segment button[aria-pressed=true] { background: var(--selection) url('assets/paper-grain.svg'); box-shadow: inset 0 -2px 0 var(--action); }
[data-theme="storybook"] .page-header { border-bottom-color: #c5cbb4; }
[data-theme="storybook"] .compare-tray::before { background-color: #c5cea6; }
@media (max-width:1450px) {
  .brand[data-identity="atlas"] { min-width: 154px; gap: 8px; }
  .brand .brand-emblem { width: 45px; height: 55px; }
  .brand-lettering { font-size: 26px; }
  .brand-lettering>span:last-child { font-size: 28px; }
  [data-theme="storybook"] .theme-art--storybook { right: calc(var(--page) + 30px); width: 335px; height: 250px; top: -9px; }
  [data-theme="storybook"] .garden-ornament { right: calc(var(--page) + 350px); width: 95px; }
  [data-theme="lifestyle"] .theme-art--lifestyle { right: calc(var(--page) + 25px); }
}
@media (max-width:1279px) {
  .brand[data-identity="atlas"] { min-width: 144px; }
  .brand .brand-emblem { width: 41px; height: 51px; }
  .brand-lettering { font-size: 24px; }
  .brand-lettering>span:last-child { font-size: 26px; }
  [data-theme="cobalt"] .theme-art--cobalt { height: 210px; top: 8px; width: 35vw; }
  [data-theme="lifestyle"] .theme-art--lifestyle { width: 315px; right: calc(var(--page) + 18px); top: -9px; height: 243px; }
  [data-theme="storybook"] .theme-art--storybook { width: 305px; right: calc(var(--page) + 14px); height: 236px; top: 0; }
  [data-theme="storybook"] .garden-ornament { display: none; }
}