/* Designs. The classic wood look is the default in style.css; every block here overrides its tokens. */

/* Nacht: full dark, near-black surfaces, mint */
[data-theme="nacht"] {
  --page: #0c0d10;
  --board: linear-gradient(145deg, #1a1d23, #101216 60%, #0c0d10);
  --board-shadow: 0 20px 30px rgba(0,0,0,.55), inset 0 1px 2px rgba(255,255,255,.08), inset 0 0 0 1px rgba(255,255,255,.05);
  --paper: linear-gradient(178deg, #1d2026, #181b20 65%, #15171c);
  --paper-shadow: 0 1px 2px rgba(0,0,0,.7), inset 0 0 40px rgba(0,0,0,.28);
  --ink: #dfe2e7; --ink-strong: #f0f1f4; --ink-soft: #7b808b; --sub: #868b96; --faint: #6a6f7a; --placeholder: #5d626d;
  --rule: #2a2e36; --rule-soft: #262a31; --field-border: #323741; --field-bg: #14161b; --field-dash: rgba(255,255,255,.03); --dash: #3a3f4a; --box-border: #4a505c;
  --ring-track: #2a2e36; --scroll: #3a3f49;
  --wash: rgba(255,255,255,.07); --wash-2: rgba(255,255,255,.12); --wash-3: rgba(255,255,255,.04);
  --btn-ink: #d0d3d9; --acct: #9aa0ab; --close-ink: #9aa0ab; --close-bg: rgba(255,255,255,.08);
  --prio-ring: #9aa0ab; --prio-gap: #1d2026; --upd-bg: rgba(255,255,255,.04);
  --accent: #5fd3a0; --accent-dark: #46b985; --accent-glow: rgba(95,211,160,.3); --on-accent: #08170f;
  --toast-bg: rgba(232,234,238,.97); --toast-ink: #1b1d22; --toast-accent: #1f7a56;
}

/* Terminal: dark window with a title bar, monospace, phosphor green */
[data-theme="terminal"] {
  --font: ui-monospace, "Cascadia Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace;
  --r-board: 10px; --r-paper: 0 0 9px 9px; --r-ctl: 3px; --r-sm: 2px;
  --page: #0a0c0b;
  --board: #0b0d0c;
  --board-shadow: 0 22px 32px rgba(0,0,0,.55), inset 0 0 0 1px #29302c;
  --paper: #0d100e;
  --paper-shadow: none;
  --ink: #c9d3cc; --ink-strong: #e4ece6; --ink-soft: #66726b; --sub: #6a766f; --faint: #56615a; --placeholder: #4b554f;
  --rule: #222925; --rule-soft: #1e2420; --field-border: #29302c; --field-bg: #101411; --field-dash: transparent; --dash: #34403a; --box-border: #46524b;
  --ring-track: #222925; --scroll: #333c37;
  --wash: rgba(255,255,255,.06); --wash-2: rgba(255,255,255,.1); --wash-3: rgba(255,255,255,.035);
  --btn-ink: #c9d3cc; --acct: #8a968f; --close-ink: #8a968f; --close-bg: transparent;
  --prio-ring: #8a968f; --prio-gap: #0d100e; --upd-bg: rgba(255,255,255,.03);
  --accent: #7fcf8f; --accent-dark: #66b877; --accent-glow: rgba(127,207,143,.25); --on-accent: #07140a;
  --toast-bg: #1a201c; --toast-ink: #c9d3cc; --toast-accent: #7fcf8f;
}
[data-theme="terminal"] .clipboard::before {
  content: "clipboard  ~/todo"; position: absolute; top: 0; left: 0; right: 0; height: 34px; padding: 0 0 0 16px;
  display: flex; align-items: center; font-size: 11px; color: #66726b;
  background: #131815; border-bottom: 1px solid #262d29; border-radius: 10px 10px 0 0;
}
[data-theme="terminal"] .paper { inset: 34px 0 0 0; padding: 22px 22px 52px; }
[data-theme="terminal"] .footer { left: 22px; right: 22px; }
[data-theme="terminal"] .clip { top: 0; left: 0; right: 0; width: auto; height: 34px; margin: 0; }
[data-theme="terminal"] .clip > * { display: none; }
[data-theme="terminal"] .title { font-size: 15px; font-weight: 600; letter-spacing: 0; }
[data-theme="terminal"] .title::before { content: "$ "; color: var(--accent); }
[data-theme="terminal"] .subtitle::before { content: "# "; }
[data-theme="terminal"] .task-title { font-size: 13.5px; font-weight: 500; }
[data-theme="terminal"] .task-title::before { content: "> "; color: var(--faint); }
[data-theme="terminal"] .priority { width: 3px; border-radius: 0; }
[data-theme="terminal"] .checkbox { border-width: 1px; }
[data-theme="terminal"] .tag { border-radius: 2px; letter-spacing: .4px; }
[data-theme="terminal"] .compose-row input::placeholder { font-style: normal; }

/* Windows-style title bar buttons (desktop app only): minimize, maximize (greyed out, the window has a fixed size), close */
[data-theme="terminal"] .desktop .min-btn,
[data-theme="terminal"] .desktop .max-btn,
[data-theme="terminal"] .desktop .close-btn {
  display: grid; place-items: center; position: absolute; top: 0; z-index: 20; width: 46px; height: 34px;
  border: 0; border-radius: 0; background: transparent; color: #c9d3cc; opacity: 1; cursor: default;
  -webkit-app-region: no-drag;
}
[data-theme="terminal"] .desktop .close-btn { right: 0; border-top-right-radius: 10px; }
[data-theme="terminal"] .desktop .max-btn { right: 46px; opacity: .3; pointer-events: none; }
[data-theme="terminal"] .desktop .min-btn { right: 92px; }
[data-theme="terminal"] .desktop .min-btn:hover { background: rgba(255,255,255,.08); }
[data-theme="terminal"] .desktop .close-btn:hover { background: #e81123; color: #fff; }
[data-theme="terminal"] .close-btn svg { width: 12px; height: 12px; stroke-width: 1.5; }