/* Approved light palette. Dark mode inherits the original admin stylesheet. */

:root[data-theme="light"]{
  --background:#f5f3ee;
  --ink:#424b40;
  --heading:#29372e;
  --green:#426b55;
  --green-hover:#365a46;
  --link:#3f6a53;
  --primary-ink:#f8f7ef;
  --primary-fill:radial-gradient(ellipse at 65% 95%,#6b8f7033 0%,transparent 66%),linear-gradient(135deg,#4b735b,#355d47);
  --primary-edge:#2c503d;
  --primary-highlight:#90ab8a;
  --primary-shadow:inset 0 -3px 0 var(--primary-edge),inset 0 1px 0 var(--primary-highlight),0 3px 5px #2f4e3920,0 6px 10px #2f4e3914,0 10px 14px #2f4e3908;
  --primary-pressed-shadow:inset 0 -1px 0 var(--primary-edge),inset 0 1px 0 var(--primary-highlight),0 2px 4px #2f4e3920;
  --paper:#fcfbf8;
  --surface:#efede6;
  --input:#faf9f5;
  --quiet:#e8e6de;
  --hover:#e2e1d7;
  --menu:#f8f7f2;
  --soft-green:#e8ede4;
  --notice:#f0eee5;
  --notice-line:#d9d5c6;
  --line:#dedfd5;
  --shell-line:#e0ded5;
  --muted:#7a7c70;
  --nav-muted:#85877b;
  --mint-shadow:0 2px 5px rgba(65,82,51,.025),0 10px 28px rgba(65,82,51,.055);
  --mint-floating-shadow:0 8px 26px rgba(65,82,51,.12);
}
:root[data-theme="light"] #sidebar{
  background:#eeece5;
  --paper:#eeece5;
  --surface:#e3e5da;
  --menu:#f8f7f2;
  --soft-green:#e0e6d9;
  --shell-line:#e0ded5;
}
@media(prefers-color-scheme:light){
  :root[data-theme="system"]{
    --background:#f5f3ee;
    --ink:#424b40;
    --heading:#29372e;
    --green:#426b55;
    --green-hover:#365a46;
    --link:#3f6a53;
    --primary-ink:#f8f7ef;
    --primary-fill:radial-gradient(ellipse at 65% 95%,#6b8f7033 0%,transparent 66%),linear-gradient(135deg,#4b735b,#355d47);
    --primary-edge:#2c503d;
    --primary-highlight:#90ab8a;
    --primary-shadow:inset 0 -3px 0 var(--primary-edge),inset 0 1px 0 var(--primary-highlight),0 3px 5px #2f4e3920,0 6px 10px #2f4e3914,0 10px 14px #2f4e3908;
    --primary-pressed-shadow:inset 0 -1px 0 var(--primary-edge),inset 0 1px 0 var(--primary-highlight),0 2px 4px #2f4e3920;
    --paper:#fcfbf8;
    --surface:#efede6;
    --input:#faf9f5;
    --quiet:#e8e6de;
    --hover:#e2e1d7;
    --menu:#f8f7f2;
    --soft-green:#e8ede4;
    --notice:#f0eee5;
    --notice-line:#d9d5c6;
    --line:#dedfd5;
    --shell-line:#e0ded5;
    --muted:#7a7c70;
    --nav-muted:#85877b;
    --mint-shadow:0 2px 5px rgba(65,82,51,.025),0 10px 28px rgba(65,82,51,.055);
    --mint-floating-shadow:0 8px 26px rgba(65,82,51,.12);
  }
  :root[data-theme="system"] #sidebar{
    background:#eeece5;
    --paper:#eeece5;
    --surface:#e3e5da;
    --menu:#f8f7f2;
    --soft-green:#e0e6d9;
    --shell-line:#e0ded5;
  }
}

/* Use the page tint for the glass header, not the white card color. */
:root[data-theme="light"] .panel-page .topbar{background:color-mix(in srgb,var(--background) 86%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
:root[data-theme="light"] .card:not(.metric){box-shadow:var(--mint-shadow)}
:root[data-theme="light"] :is(.account-menu,.theme-menu,.nav-tooltip,.monitor-chart-tooltip){box-shadow:var(--mint-floating-shadow)}
@media(prefers-color-scheme:light){
  :root[data-theme="system"] .panel-page .topbar{background:color-mix(in srgb,var(--background) 86%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  :root[data-theme="system"] .card:not(.metric){box-shadow:var(--mint-shadow)}
  :root[data-theme="system"] :is(.account-menu,.theme-menu,.nav-tooltip,.monitor-chart-tooltip){box-shadow:var(--mint-floating-shadow)}
}

/* Distinct chart colors remain legible against the warm ivory surfaces. */
:root[data-theme="light"] .observatory{--monitor-warn:#a27b35}
:root[data-theme="light"] .monitor-color-0{stroke:#238359;color:#238359}
:root[data-theme="light"] .monitor-color-1{stroke:#2476be;color:#2476be}
:root[data-theme="light"] .monitor-color-2{stroke:#b87917;color:#b87917}
:root[data-theme="light"] .monitor-color-3{stroke:#9456b2;color:#9456b2}
:root[data-theme="light"] .dot{background:#a27b35}
:root[data-theme="light"] .dot.reviewing{background:#7b93a3}
:root[data-theme="light"] .dot.resolved{background:#52745b}
@media(prefers-color-scheme:light){
  :root[data-theme="system"] .observatory{--monitor-warn:#a27b35}
  :root[data-theme="system"] .monitor-color-0{stroke:#238359;color:#238359}
  :root[data-theme="system"] .monitor-color-1{stroke:#2476be;color:#2476be}
  :root[data-theme="system"] .monitor-color-2{stroke:#b87917;color:#b87917}
  :root[data-theme="system"] .monitor-color-3{stroke:#9456b2;color:#9456b2}
  :root[data-theme="system"] .dot{background:#a27b35}
  :root[data-theme="system"] .dot.reviewing{background:#7b93a3}
  :root[data-theme="system"] .dot.resolved{background:#52745b}
}