/* Pond Tools design system. The single source for the site's Studio theme.
   Page styles own layout; use these semantic tokens for all interface colors. */
:root{
  color-scheme:light;
  --pt-bg:#dee8f0;--pt-paper:#f7fafc;--pt-panel:rgba(247,250,252,.94);
  --pt-panel-soft:rgba(247,250,252,.72);--pt-surface:#eef4f9;--pt-hover:#e2ebf3;
  --pt-ink:#19384f;--pt-muted:#506779;--pt-subtle:#5b7284;
  --pt-accent:#326b98;--pt-accent-hover:#244f73;--pt-on-accent:#fff;
  --pt-link:var(--pt-accent);--pt-action:var(--pt-accent);--pt-action-hover:var(--pt-accent-hover);
  --pt-border:#c8d7e3;--pt-border-strong:#819bb0;--pt-panel-border:rgba(255,255,255,.8);
  --pt-selected:#e0ecf7;--pt-selected-border:#779dbb;--pt-sage:#cbddef;
  --pt-water:#567f9e;--pt-canvas:#d4e2ed;--pt-grid:rgba(80,103,121,.18);
  --pt-danger:#a8323c;--pt-danger-hover:#8d2630;--pt-warning:#795022;
  --pt-warning-bg:#fff2df;--pt-warning-border:#dba44b;
  --pt-shadow:0 12px 55px rgba(29,53,76,.12);--pt-shadow-small:0 4px 18px rgba(29,53,76,.08);
  --pt-backdrop:rgba(25,56,79,.48);
  --pt-radius-panel:19px;--pt-radius-card:14px;--pt-radius-control:8px;
  --pt-font:Inter,Roboto,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --pt-mono:'SF Mono',Consolas,monospace;
  --pt-page-background:radial-gradient(ellipse at 90% 8%,var(--pt-sage) 0,transparent 45%),linear-gradient(145deg,var(--pt-surface),var(--pt-bg) 65%,#eaf1f7);
  /* Compatibility aliases let existing components share the same system. */
  --paper:var(--pt-paper);--paper-2:var(--pt-surface);--rule:var(--pt-border);
  --ink:var(--pt-ink);--ink-2:var(--pt-muted);--ink-3:var(--pt-subtle);
  --accent:var(--pt-accent);--clay:var(--pt-accent);--clay-2:var(--pt-sage);
  --shallow:#dcecf8;--mid:#83b6df;--deep:#497fa8;--abyss:#244f73;
  --bg:var(--pt-bg);--bg-deep:var(--pt-canvas);--surface:var(--pt-panel);
  --surface-2:var(--pt-surface);--surface-solid:var(--pt-paper);
  --text:var(--pt-ink);--text-2:var(--pt-muted);--text-3:var(--pt-subtle);
  --muted:var(--pt-muted);--water:var(--pt-water);--sage:var(--pt-sage);--panel:var(--pt-panel);
  --band:var(--pt-surface);--band-2:var(--pt-paper);--band-rule:var(--pt-border);
  --band-ink:var(--pt-ink);--band-ink-2:var(--pt-muted);
  --ok:var(--pt-accent);--warn:var(--pt-warning);--bad:var(--pt-danger);--focus:var(--pt-accent);
  --border:var(--pt-border);--err:var(--pt-danger);--accent-soft:var(--pt-selected);
  --sans:var(--pt-font);--serif:var(--pt-font);--mono:var(--pt-mono);
  font-family:var(--pt-font);color:var(--pt-ink);font-synthesis:none;
}
:where(body){font-family:var(--pt-font);color:var(--pt-ink);background:var(--pt-page-background);-webkit-font-smoothing:antialiased}
:where(button,input,select,textarea){font-family:inherit;accent-color:var(--pt-accent)}
:where(button,.btn,.cta){border-radius:var(--pt-radius-control)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--pt-accent);outline-offset:3px}
:where(.card,.tile,.tool,.orderSummary){background:var(--pt-panel);border-color:var(--pt-panel-border);border-radius:var(--pt-radius-card)}
@media(prefers-reduced-motion:reduce){:where(button,a,input){transition:none!important}}
@media print{body{background:#fff!important}}

/* One brand component, used by the site header and immersive Studio. */
.pt-brand{display:inline-flex;align-items:center;gap:9px;background:var(--pt-panel);color:var(--pt-ink);border:1px solid var(--pt-panel-border);border-radius:24px;padding:7px 12px;font:650 18px/1.2 var(--pt-font);letter-spacing:-.6px;text-decoration:none;white-space:nowrap}
.pt-brand svg{width:27px;height:27px;flex:none}

/* Shared controls for planner extensions, project lists and report tools.
   These use the same surface, border, type and radius as the original editor. */
.pt-controls :is(button,input:not([type=checkbox]):not([type=radio]),select,textarea){
 font:400 13px/1.5 var(--pt-font);color:var(--pt-ink);background:var(--pt-paper);
 border:1px solid var(--pt-border);border-radius:var(--pt-radius-control);
 padding:8px 10px;min-height:40px;box-sizing:border-box;
}
.pt-controls button{font-weight:600;cursor:pointer;padding:10px 12px}
.pt-controls button:hover{border-color:var(--pt-accent)}
.pt-controls button:disabled{opacity:.45;cursor:default}
.pt-controls :is(input,select,textarea):focus-visible{outline:2px solid var(--pt-accent);outline-offset:2px}
.pt-controls textarea{resize:vertical;max-width:100%}
.pt-controls dialog{background:var(--pt-paper);color:var(--pt-ink);border:1px solid var(--pt-border);border-radius:var(--pt-radius-panel);box-shadow:var(--pt-shadow)}
.pt-controls dialog::backdrop{background:var(--pt-backdrop)}
@media(any-pointer:coarse){.pt-controls :is(button,input:not([type=checkbox]):not([type=radio]),select){min-height:44px}}

/* Shared dark appearance; physical scene lighting remains a Studio setting. */
:root[data-theme="dark"]{
 color-scheme:dark;
 --pt-bg:#111417;--pt-paper:#191d22;--pt-panel:rgba(25,29,34,.97);
 --pt-panel-soft:rgba(25,29,34,.85);--pt-surface:#1f242a;--pt-hover:#282e36;
 --pt-ink:#e6eaee;--pt-muted:#aab3bd;--pt-subtle:#8e98a3;
 --pt-accent:#3f7fc2;--pt-accent-hover:#5c98d6;--pt-on-accent:#ffffff;
 --pt-link:#9fc5e8;--pt-action:#326b98;--pt-action-hover:#244f73;
 --pt-border:#30363e;--pt-border-strong:#5b6672;--pt-panel-border:#30363e;
 --pt-selected:#243547;--pt-selected-border:#3f7fc2;--pt-sage:#1c2430;
 --pt-water:#6f9fc9;--pt-canvas:#15191e;--pt-grid:rgba(170,180,190,.16);
 --pt-danger:#f07885;--pt-danger-hover:#fa9eaa;--pt-warning:#f3c584;
 --pt-warning-bg:#3a2d20;--pt-warning-border:#a67a42;
 --pt-shadow:0 12px 55px #0005;--pt-shadow-small:0 4px 18px #0004;
 --pt-backdrop:#0009;
 --pt-page-background:linear-gradient(145deg,var(--pt-surface),var(--pt-bg));
}
.pt-theme-toggle{color:var(--pt-ink);background:none;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;cursor:pointer}
.pt-theme-toggle svg{width:18px;height:18px;fill:currentColor;pointer-events:none}
.pt-theme-toggle:hover{color:var(--pt-accent)}
.pt-theme-toggle:focus-visible{outline:2px solid var(--pt-accent);outline-offset:2px}
.pt-theme-toggle .pt-theme-sun{display:none}
[data-theme="dark"] .pt-theme-toggle .pt-theme-sun{display:block}
[data-theme="dark"] .pt-theme-toggle .pt-theme-moon{display:none}
:root[data-theme="dark"] .segmented-control button[aria-pressed="true"]{background:var(--pt-selected);color:var(--pt-ink)}
@media print{
 :root[data-theme="dark"]{color-scheme:light;--pt-ink:#19384f;--pt-muted:#506779;--pt-subtle:#5b7284;--pt-paper:#fff;--pt-panel:#fff;--pt-surface:#fff;--pt-bg:#fff;--pt-border:#c8d7e3;--pt-accent:#326b98;--pt-canvas:#fff;--pt-page-background:#fff}
 .pt-theme-toggle{display:none!important}
}