/* Design preference is independent of the existing light/dark preference.
   Selector and shared brand mark styles also apply to Atelier Améthyste. */
.lab-mark{display:inline-block;flex-shrink:0;width:1em;height:1em;background:currentColor;-webkit-mask:url('/brand-mark.svg') center/contain no-repeat;mask:url('/brand-mark.svg') center/contain no-repeat;vertical-align:-.12em}
.brand-mark.lab-mark{width:38px;height:38px}
.auth-brand{display:inline-flex;align-items:center;gap:8px}
.auth-brand .lab-mark{width:34px;height:34px}
.mobile-brand .lab-mark{width:25px;height:25px;color:var(--purple)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .mobile-brand .lab-mark{color:var(--gold)}
@media(max-width:850px){.mobile-brand{display:inline-flex;align-items:center;gap:6px;color:var(--text)}}
.mobile-menu-open #app-navigation .brand-mark.lab-mark{width:30px;height:30px}
.design-control{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}
.design-control>select{display:block;width:150px;min-height:44px;margin:0;padding:8px 10px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:9px;cursor:pointer}
.design-control>select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.auth-card>.design-control{justify-content:flex-end;margin:0 0 24px}
.design-control.design-mobile{display:none}
@media(max-width:850px){.topbar .design-control{display:none}.sidebar .design-control.design-mobile{display:flex;justify-content:space-between;margin:6px 10px 16px}}

/* Encre & Or: warm paper in daylight, deep ink at night, brass accents.
   No layout, card artwork, rarity, ink-symbol or privacy rule is replaced. */
:root:is([data-design="ink-gold"],[data-design="ink-glow"]){
  --bg:#f3f0e8;--surface:#fffdf8;--surface-2:#eae6dc;--text:#202b3e;
  --muted:#606577;--border:#d8d3c6;--purple:#795b22;--accent:#a37b32;
  --soft:#ede4d1;--sidebar:#fbf8f0;--gold:#795b22;--danger:#a43149;
  --shadow:0 12px 32px #202b3e0c;
  --design-button:#6b5021;--design-button-hover:#594018;--design-button-text:#fffdf8;
  --design-hero:#1a2338;--design-hero-text:#f5f0e2;--design-hero-muted:#c3bfba;
  --design-gold:#e1bd70;--design-hero-border:#aa854847;--design-glow:#a37b3210;
  --design-art:linear-gradient(145deg,#26364c,#141c2e);
  font-family:"Segoe UI",ui-sans-serif,system-ui,sans-serif;
}
:root:is([data-design="ink-gold"],[data-design="ink-glow"])[data-theme="dark"]{
  --bg:#0d111d;--surface:#171e2e;--surface-2:#20293c;--text:#f0eee8;
  --muted:#adb5c6;--border:#303b50;--purple:#e1bd70;--accent:#edce8a;
  --soft:#332c21;--sidebar:#111725;--gold:#e1bd70;--danger:#ff91a7;
  --shadow:0 12px 32px #00000029;
  --design-button:#e1bd70;--design-button-hover:#edce8a;--design-button-text:#171e2e;
  --design-hero:#171f32;--design-hero-text:#f5f0e2;--design-hero-muted:#adb5c6;
  --design-hero-border:#e1bd7040;--design-glow:#e1bd7009;
}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) body{background:radial-gradient(ellipse at 90% 0,var(--design-glow),transparent 55%),var(--bg)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) :is(h1,.team-banner h2){font-family:Georgia,"Times New Roman",serif;letter-spacing:-.8px;font-weight:500}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) :is(.brand-mark,.brand-dot,.auth-brand){color:var(--gold)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .brand{letter-spacing:-1.1px}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .sidebar{background:linear-gradient(180deg,var(--sidebar),var(--bg));border-right-color:var(--border)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .nav-item{border-radius:7px}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .nav-item.active{background:var(--soft);box-shadow:inset 3px 0 var(--gold);color:var(--purple)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .nav-item:hover:not(.active){background:var(--surface-2);color:var(--text)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .topbar{background:var(--surface);border-bottom-color:var(--border)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) :is(.workspace-label,.eyebrow){letter-spacing:2px}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) :is(.btn.primary,.auth-card .primary){background:var(--design-button);border-color:var(--design-button);color:var(--design-button-text);box-shadow:none}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) :is(.btn.primary,.auth-card .primary):hover{background:var(--design-button-hover);border-color:var(--design-button-hover)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .team-banner{
  background:radial-gradient(ellipse at 90% 20%,#e1bd7012,transparent 60%),var(--design-hero);
  color:var(--design-hero-text);border:1px solid var(--design-hero-border);border-radius:12px;
  box-shadow:var(--shadow);
}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .team-banner :is(p,small){color:var(--design-hero-muted)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .team-banner :is(.banner-star,.banner-stats strong){color:var(--design-gold)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .banner-star{opacity:.45}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .deck-preview{border-radius:12px;box-shadow:var(--shadow)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .deck-preview:hover{border-color:var(--gold);box-shadow:0 16px 36px #0d111d22}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .preview-art{background:var(--design-art)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .preview-art>span:not(.deck-privacy){color:var(--design-gold)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .preview-pill{background:var(--design-button);color:var(--design-button-text)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .preview-info h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.3px}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) :is(.panel,.stat-card,.odds-card,.meta-view-button,.opponent-option,.editor-notes){border-radius:12px;box-shadow:var(--shadow)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .filter-chip{background:var(--surface-2);border-color:var(--border)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) :is(.filter-chip.selected,.segmented button.active,.segmented button.selected){background:var(--design-button);border-color:var(--design-button);color:var(--design-button-text);box-shadow:none}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .meta-view-button.active{background:var(--soft);box-shadow:none}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .meta-view-button.active .meta-view-icon{background:var(--design-button);color:var(--design-button-text)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .play-line-filters.panel{background:var(--surface);border-left-color:var(--gold)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .play-line-item.compact{background:var(--surface);border-color:var(--border)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .play-line-item.compact:hover{background:var(--soft)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .line-workshop .editor-board{background:var(--surface-2);border-color:var(--border)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .line-workshop .picker-resources .resource-value button[data-resource-delta="1"]{background:var(--design-button);border-color:var(--design-button);color:var(--design-button-text)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) :is(.theme-thumb,.theme-switch[aria-checked="true"] .theme-thumb){background:var(--design-button);color:var(--design-button-text)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .theme-switch[aria-checked="false"] .theme-sun,:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .theme-switch[aria-checked="true"] .theme-moon{color:var(--design-button-text)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .auth-card{border-radius:16px;border-top:3px solid var(--gold);box-shadow:var(--shadow)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .auth-card input{background:var(--surface-2)}
:root:is([data-design="ink-gold"],[data-design="ink-glow"]) .auth-card .design-control>select{background:var(--surface)}

/* Lumière d’encre shares Encre & Or's palette and adds static CSS lighting.
   No animated backgrounds, images, blur layers or extra DOM elements. */
:root[data-design="ink-glow"]{
  --light-violet:#9277d321;--light-blue:#4b99bb1a;--light-gold:#d7a7522b;
  --panel-light:#d7a7520e;--nav-light:#9277d30c;
  --hero-violet:#9277d32b;--hero-blue:#55a6c520;--hero-gold:#e1bd7033;
  --light-outline:#a37b3259;--edge-light:#b3822512;
}
:root[data-design="ink-glow"][data-theme="dark"]{
  --light-violet:#8466d830;--light-blue:#3b95bb1f;--light-gold:#d4a9531f;
  --panel-light:#e1bd700a;--nav-light:#8466d815;
  --hero-violet:#9277d326;--hero-blue:#55a6c51a;--hero-gold:#dca33438;
  --light-outline:#e1bd7059;--edge-light:#e1bd7014;
}
:root[data-design="ink-glow"] body{
  background:
    radial-gradient(ellipse 760px 580px at 90% 0,var(--light-violet),transparent 72%),
    radial-gradient(ellipse 660px 520px at 25% 280px,var(--light-gold),transparent 74%),
    radial-gradient(ellipse 700px 520px at 85% 850px,var(--light-blue),transparent 74%),
    var(--bg);
}
:root[data-design="ink-glow"] .sidebar{
  background:radial-gradient(ellipse 340px 480px at 0 0,var(--light-gold),transparent 76%),linear-gradient(160deg,var(--sidebar),var(--bg));
}
:root[data-design="ink-glow"] .topbar{
  background:linear-gradient(110deg,var(--panel-light),var(--nav-light) 70%,transparent),var(--surface);
}
:root[data-design="ink-glow"] .team-banner{
  background:
    linear-gradient(110deg,var(--hero-gold),transparent 78%),
    linear-gradient(250deg,var(--hero-violet),transparent 80%),
    linear-gradient(0deg,var(--hero-blue),transparent 85%),
    var(--design-hero);
  border-color:var(--light-outline);
  box-shadow:0 0 48px var(--edge-light),var(--shadow);
}
:root[data-design="ink-glow"] :is(.panel,.stat-card,.odds-card,.deck-preview,.line-card,.deck-header,.meta-view-button,.auth-card){
  background:radial-gradient(ellipse at 100% 0,var(--panel-light),transparent 65%),var(--surface);
}
:root[data-design="ink-glow"] .preview-art{
  background:radial-gradient(ellipse at 5% 0,var(--hero-gold),transparent 65%),radial-gradient(ellipse at 100% 0,var(--hero-violet),transparent 75%),var(--design-art);
}
:root[data-design="ink-glow"] .line-workshop .editor-board{
  background:radial-gradient(ellipse at 100% 0,var(--nav-light),transparent 65%),var(--surface-2);
}
:root[data-design="ink-glow"] .nav-item.active{background:linear-gradient(110deg,var(--soft),var(--nav-light));}
:root[data-design="ink-glow"] :is(.deck-header,.auth-card){border-color:var(--light-outline);box-shadow:0 0 32px var(--edge-light),var(--shadow);}
:root[data-design="ink-glow"] :is(.deck-preview:hover,.meta-view-button.active){border-color:var(--gold);box-shadow:0 0 24px var(--edge-light),var(--shadow);}
:root[data-design="ink-glow"] :is(.filter-chip.selected,.segmented button.selected){
  background:linear-gradient(130deg,var(--soft),var(--nav-light)),var(--surface-2);
  color:var(--purple);border-color:var(--gold);box-shadow:0 0 12px var(--edge-light),inset 0 0 0 1px var(--light-outline);
}
:root[data-design="ink-glow"] :is(.btn.primary,.auth-card .primary){box-shadow:0 0 18px var(--edge-light);}