/* ===== ZEN GARDEN MODE =====
   Calm Japanese-garden palette: ~75% white, ~22% deep greens,
   ~3% pale rose. Soft shadows, quiet borders, and near-invisible
   abstract leaf curves in the background.
   Activated with <html data-zen="1">. Overrides both light & dark vars. */

html[data-zen="1"], html[data-zen="1"][data-theme="light"], html[data-zen="1"][data-theme="dark"]{
  --bg:#FBFCFB;            /* warm white */
  --surface:#FFFFFF;
  --ink:#22382C;           /* deep pine green text */
  --muted:#5F7365;
  --soft:#8FA096;
  --navy:#22382C;--navy-d:#16261D;
  --gold:#2F5D46;          /* primary accent: dark moss green */
  --gold-l:#EEF4EF;        /* whisper of green */
  --line:#CBDACF;          /* quiet sage border */
  --line-soft:#E4ECE6;
  --yellow:#F5E6E8;        /* pale rose, close to white */
  --green:#2F5D46;
  --correct:#2F7A57;--correct-bg:#EAF3ED;
  --wrong:#A96A62;--wrong-bg:#F7ECEB;
  --chat-bot:#F1F5F2;--chat-user:#2F5D46;--chat-user-text:#FDFDFC;
  --shadow:rgba(47,93,70,.10);
  --accent:#2F5D46;
  /* Quiet Tool tokens. Zen now themes by TOKENS ONLY — every per-component
     override below this block was deleted, because the thing they were
     fighting (gradients and hard-offset shadows in the base) is gone. */
  --accent-strong:#264937;
  --accent-hover:#1D3A2B;
  --accent-weak:#EEF4EF;
  --surface-2:#F7FAF8;--surface-3:#F1F5F2;
  --surface-hover:#F4F8F5;--surface-active:#EAF1EC;
  --ink-2:#3C5647;
  --line-strong:#B4C8BA;
  --on-accent:#FDFDFC;--on-ink:#FBFCFB;
  --positive:#2F7A57;--positive-strong:#24603F;--positive-weak:#EAF3ED;
  --negative:#A96A62;--negative-strong:#8A5049;--negative-weak:#F7ECEB;
  --warning:#B08A6A;--warning-strong:#8A6A4F;--warning-weak:#F7F1EA;
  --info:#5A7F92;--info-strong:#3F5F70;--info-weak:#EDF3F6;
  --id-1:#2F5D46;--id-2:#5A7F92;--id-3:#7A6A8A;--id-4:#A97F86;
  --id-5:#A98466;--id-6:#5E8C86;--id-7:#7A8C5E;--id-8:#9C6B6B;
  --tier-1:#8A6A4F;--tier-2:#8FA096;--tier-3:#A98F5E;--tier-4:#5E8C86;
  --tier-5:#2F5D46;--tier-6:#5A7F92;--tier-7:#9C6B6B;--tier-8:#7A6A8A;
  --scrim:rgba(34,56,44,.45);
  --ambient-alpha:.02;         /* Zen wants the aurora almost off */
}

/* NOTE — five override blocks used to live here and are all deleted:
     - soft-shadow !important patches (the base's hard `Npx Npx 0` offsets are
       gone; --elev-* now derives from Zen's own --shadow)
     - the hover translateY(-1px) lift (the base no longer lifts on hover)
     - .dc-topbar a[style] {background:#2F5D46!important} — this NEVER matched
       anything: the topbar chips are <a class="dc-pill"> with no inline style.
       The element that actually carried a gradient was js/rank.js's <button>,
       and that gradient is gone too.
     - four .dc-stat-hero/.dc-stat-mini gradient re-skins
     - six .dc-stat-* text-color overrides
   All of it existed to undo decoration in the base. With the base flat, Zen
   is a token block plus the leaf curves, which is what a theme should be. */

/* Rose is a whisper: marked cards and kbd hints only */
html[data-zen="1"] .ctrl.mark.on{background:var(--warning-weak);border-color:#E8D3D6;color:#5B3E42}
html[data-zen="1"] kbd{background:#F8EEEF;border-color:#EBDCDE}

/* Abstract leaf curves — barely there (3–4% opacity), fixed behind content.
   Just rounded arcs and a hinted midrib; visible only if you look for them. */
html[data-zen="1"] body{position:relative}
html[data-zen="1"] body::before,
html[data-zen="1"] body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-repeat:no-repeat;
}
html[data-zen="1"] body::before{
  opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%232F5D46' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M80 120 Q 200 20 320 110 Q 210 190 80 120 Z'/%3E%3Cpath d='M110 118 Q 200 80 290 112'/%3E%3Cpath d='M420 420 Q 540 340 560 480 Q 470 540 420 420 Z'/%3E%3C/g%3E%3C/svg%3E");
  background-position:-120px -60px;
  background-size:620px 620px;
}
html[data-zen="1"] body::after{
  opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%232F5D46' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M140 480 Q 60 380 170 320 Q 250 400 140 480 Z'/%3E%3Cpath d='M158 452 Q 140 390 168 344'/%3E%3Cpath d='M430 90 Q 520 40 560 130'/%3E%3C/g%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cpath d='M60 340 Q 160 260 260 330 Q 170 400 60 340 Z' fill='none' stroke='%23D9A9AE' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position:right -140px bottom -120px, left -80px top 40%;
  background-size:640px 640px, 420px 420px;
}
/* keep app content above the leaf layer */
html[data-zen="1"] .dc-shell, html[data-zen="1"] .lg-page{position:relative;z-index:1}

/* Pricing page (its own var names) */
html[data-zen="1"]{
  --brand:#2F5D46;
  --brand-2:#C89AA0;      /* muted rose instead of hot pink */
  --sat:#8FB8A3;
  --sat-deep:#2F5D46;
}
html[data-zen="1"] body{
  background:var(--bg);
}
