/* Public marketing theme. Account and admin pages never load this sheet.
   Missing theme variables preserve every existing light color at its source. */
html[data-public-theme]{--bg:#fff;color-scheme:light;background:var(--bg)}
html[data-public-theme][data-theme=dark]{
  --bg:#121212;--theme-bg:#121212;--theme-surface:#1b1b1b;--theme-soft:#272727;
  --theme-ink:#ededed;--theme-copy:#c8c8c8;--theme-muted:#aaa;--theme-line:#363636;--theme-line-strong:#888;
  --theme-accent:#8bcbb1;--theme-accent-soft:#243b32;--theme-on-ink:#151515;--theme-star:#facc15;
  --theme-art-filter:invert(.93);--theme-art-blend:normal;--theme-mountain-filter:invert(.92);
  --theme-shade:rgba(0,0,0,.55);--theme-window-ring:#353535b8;--theme-highlight:#304d40;
  --theme-echo:rgba(237,237,237,.55);--theme-detail-opacity:1;color-scheme:dark;
}
/* A script-free page follows the OS. A manual light choice wins over this. */
@media(prefers-color-scheme:dark){html[data-public-theme]:not([data-theme]){
  --bg:#121212;--theme-bg:#121212;--theme-surface:#1b1b1b;--theme-soft:#272727;
  --theme-ink:#ededed;--theme-copy:#c8c8c8;--theme-muted:#aaa;--theme-line:#363636;--theme-line-strong:#888;
  --theme-accent:#8bcbb1;--theme-accent-soft:#243b32;--theme-on-ink:#151515;--theme-star:#facc15;
  --theme-art-filter:invert(.93);--theme-art-blend:normal;--theme-mountain-filter:invert(.92);
  --theme-shade:rgba(0,0,0,.55);--theme-window-ring:#353535b8;--theme-highlight:#304d40;
  --theme-echo:rgba(237,237,237,.55);--theme-detail-opacity:1;color-scheme:dark;
}}

/* Stable icon slots: only opacity, rotation and scale move. */
.site-shell .site-theme-toggle{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:4px;border:0;border-radius:12px;background:var(--site-shell-soft);color:var(--site-shell-muted);cursor:pointer;transition:transform .18s var(--site-shell-ease),color .18s}
.site-shell .site-theme-toggle:hover{color:var(--site-shell-ink);transform:scale(1.035)}
.site-shell .site-theme-toggle:active{transform:scale(.94)}
.site-theme-toggle svg{position:absolute;width:18px;height:18px;transition:opacity .28s,transform .28s cubic-bezier(.34,1.56,.64,1)}
.site-theme-toggle .icon-sun{opacity:1;transform:rotate(0) scale(1)}
.site-theme-toggle .icon-moon{opacity:0;transform:rotate(-90deg) scale(.5)}
.site-theme-toggle[data-theme=dark] .icon-sun{opacity:0;transform:rotate(90deg) scale(.5)}
.site-theme-toggle[data-theme=dark] .icon-moon{opacity:1;transform:rotate(0) scale(1)}
.site-shell .site-theme-mobile{display:none}
@media(max-width:1050px){
  .site-shell .site-theme-desktop{display:none}
  .site-shell .site-theme-mobile{display:inline-grid;margin-left:auto}
  .site-shell .site-theme-mobile:not([hidden])+.menu-toggle{margin-left:0}
}
@media(max-width:600px){.site-shell .site-theme-mobile{width:44px;margin-right:0}.site-shell .menu-toggle{min-width:48px;gap:5px}.site-shell .brand-locale{gap:4px}}
@media(prefers-reduced-motion:reduce){.site-shell .site-theme-toggle,.site-theme-toggle svg{transition:none;transform:none!important}}

/* Monochrome drawings can reverse; screenshots, tutorial images, portraits and
   video retain their own pixels. Only their surrounding chrome uses tokens. */
html[data-public-theme] .product-art img{filter:var(--theme-art-filter,none);mix-blend-mode:var(--theme-art-blend,multiply)}
/* SVG labels need independent text colors; filtering the entire SVG would
   turn its original gray labels into low-contrast dark gray. */
html[data-public-theme] .product-sketch [fill="#fff"]{fill:var(--theme-bg,#fff)}
html[data-public-theme] .product-sketch [fill="#242424"]{fill:var(--theme-ink,#242424)}
html[data-public-theme] .product-sketch [fill="#343434"]{fill:var(--theme-ink,#343434)}
html[data-public-theme] .product-sketch [fill="#555"]{fill:var(--theme-muted,#555)}
html[data-public-theme] .product-sketch [fill="#777"]{fill:var(--theme-muted,#777)}
html[data-public-theme] .product-sketch [fill="#999"]{fill:var(--theme-muted,#999)}
html[data-public-theme] .product-sketch [fill="#b6b6b6"]{fill:var(--theme-muted,#b6b6b6)}
html[data-public-theme] .product-sketch [stroke="#242424"]{stroke:var(--theme-ink,#242424)}
html[data-public-theme] .product-sketch [stroke="#343434"]{stroke:var(--theme-ink,#343434)}
html[data-public-theme] .product-sketch [stroke="#777"]{stroke:var(--theme-muted,#777)}
html[data-public-theme] .product-sketch [stroke="#b6b6b6"]{stroke:var(--theme-line-strong,#b6b6b6)}
html[data-public-theme] :is(.distant-mountains,.foreground-snow){filter:var(--theme-mountain-filter,none)}
html[data-public-theme] .sky-wash{background:radial-gradient(ellipse at 50% 80%,transparent,var(--bg) 85%)}
html[data-public-theme] .snow-mist{background:linear-gradient(transparent,var(--bg) 90%)}
html[data-public-theme] .product-window{box-shadow:0 12px 44px #00000012,0 0 0 6px var(--theme-window-ring,#ffffffb8)}
html[data-public-theme] .snow-opening .site-header-strip{background:var(--bg)}
html[data-public-theme] .release-tools{background:var(--theme-bg,rgba(255,255,255,.95))}
html[data-public-theme] .welcome-shade{background:var(--theme-shade,rgba(46,45,39,.16))}
html[data-public-theme] .welcome-scope{--welcome-gift-paper:var(--theme-surface,#fffdf7);--welcome-envelope-flap:var(--theme-soft,#fcf7eb);--welcome-ticket-ink:var(--theme-ink,#2b3b2f);--welcome-ticket-border:var(--theme-line,#c7d8c7);--welcome-ticket-wash:var(--theme-accent-soft,linear-gradient(110deg,#f2f8ed 0%,#fff7e1 54%,#f8eef4 100%));--welcome-envelope:var(--theme-soft,#f4eddd);--welcome-gift-line:var(--theme-line,#ddd5c5)}
html[data-public-theme] .welcome-fly{background:var(--theme-soft,#f4eddd);border-color:var(--theme-line,#ddd5c5)}
html[data-public-theme] .rough-annotation path{stroke:var(--theme-highlight,#DCEAE4)}
/* The screenshot annotation label must contrast with its green fill. */
html[data-public-theme] .guide-box>span{background:#37695b;color:#fff}

html[data-public-theme] :is(.issue-links>p,.issue-links small,.ink-pro .ink-label){color:var(--theme-muted,#777)}

html[data-public-theme] button.button.secondary{background:var(--theme-surface,ButtonFace);color:var(--theme-ink,inherit)}
