/* Deloks Soft UI v2. Existing /ui/ tokens remain untouched for older clients. */
:root {
  --bg: #eef3ff; --panel: #f9fbff; --text: #0f172a; --muted: #586780;
  --line: #dfe6f4; --primary: #2f67ff; --primary2: #7c3aed;
  --shadow: 0 4px 18px rgb(15 23 42 / 5%);
  --radius: 16px; --radius2: 12px;
  --ds-space-1: 4px; --ds-space-2: 8px; --ds-space-3: 12px;
  --ds-space-4: 16px; --ds-space-6: 24px; --ds-space-8: 32px;
  --ds-control: 40px; --ds-touch: 44px; --ds-content: 1200px; --ds-wide: 1440px;
  --ds-accent-text: #fff; --ds-focus: #2f67ff;
  --ds-tint: color-mix(in srgb, var(--primary) 8%, var(--panel));
  color-scheme: light;
  /* Neutral palette for the refreshed home and header; tool surfaces stay unchanged. */
  --ds-bg: #f8fafc; --ds-surface: #ffffff; --ds-surface-raised: #f1f5f9;
  --ds-border: #e2e8f0; --ds-text: #111827; --ds-text-muted: #566074;
  --ds-accent: #4f46e5; --ds-accent-fg: #ffffff; --ds-accent-soft: #eef2ff;
  --ds-brand-focus: #6366f1; --ds-success: #176348; --ds-success-bg: #edf8f2;
  --ds-home-radius: 18px; --ds-button-radius: 10px;
  --ds-section-space: 96px; --ds-home-shadow: 0 12px 40px rgb(17 24 39 / 5%);
  --ds-home-font: "Inter", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;
  --ds-chrome-bg: var(--ds-bg); --ds-chrome-panel: var(--ds-surface);
  --ds-chrome-text: var(--ds-text); --ds-chrome-muted: var(--ds-text-muted); --ds-chrome-line: var(--ds-border);
  --ds-header-height: 60px;
}
:root[data-theme="dark"] {
  --bg: #0b1020; --panel: #0f1730; --text: #e6eaf6; --muted: #a8b2d1;
  --line: #29365a; --primary: #6aa3ff; --primary2: #b197ff;
  --shadow: 0 4px 20px rgb(0 0 0 / 18%); --ds-accent-text: #0b1020; --ds-focus: #9bc0ff;
  color-scheme: dark;
  --ds-bg: #0b0f19; --ds-surface: #111827; --ds-surface-raised: #1b2433;
  --ds-border: #293244; --ds-text: #f8fafc; --ds-text-muted: #acb8cb;
  --ds-accent: #8794ff; --ds-accent-fg: #0b0f19; --ds-accent-soft: #222948;
  --ds-brand-focus: #a5b4fc; --ds-success: #9fdec4; --ds-success-bg: #17382d;
  --ds-home-shadow: none;
}
/* Scoped rollout: common palette values are maintained here, not in app CSS. */
.ds-home, #deloks-header {
  --bg: var(--ds-chrome-bg); --panel: var(--ds-chrome-panel);
  --text: var(--ds-chrome-text); --muted: var(--ds-chrome-muted); --line: var(--ds-chrome-line);
  --primary: var(--ds-accent); --ds-accent-text: var(--ds-accent-fg);
  --ds-focus: var(--ds-brand-focus); --ds-tint: var(--ds-accent-soft);
}