/* PineLingo design system — single source of truth.
   Loaded LAST on every page so it settles the many legacy layers
   (styles.css, redesign.css, *-polish-v2xx.css …) into one consistent look. */
:root{
  --pl-font:'Pretendard','Noto Sans KR',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pl-bg:#f6f5ef;
  --pl-surface:#ffffff;
  --pl-surface-2:#fbfaf6;
  --pl-soft:#eef3ee;
  --pl-ink:#1c2b26;
  --pl-muted:#5d6d66;
  --pl-line:#e2e6df;
  --pl-line-strong:#c9d3cc;
  --pl-pine:#1b6b52;
  --pl-pine-dark:#0f4a38;
  --pl-pine-soft:#e4f1ea;
  --pl-accent:#d7ef82;
  --pl-gold:#f2b84b;
  --pl-danger:#b42318;
  --pl-danger-soft:#fdecea;
  --pl-focus:rgba(27,107,82,.22);
  --pl-radius:14px;
  --pl-radius-lg:20px;
  --pl-shadow:0 1px 2px rgba(20,40,32,.04),0 8px 24px rgba(20,40,32,.06);
  --pl-shadow-hover:0 2px 4px rgba(20,40,32,.05),0 14px 34px rgba(20,40,32,.10);
  --pl-ease:cubic-bezier(.2,.7,.2,1);
}
:root[data-theme=dark]{
  --pl-bg:#0f1a17;--pl-surface:#16241f;--pl-surface-2:#1a2b25;--pl-soft:#1f322b;--pl-ink:#e6eeea;--pl-muted:#a9bdb4;
  --pl-line:#2c4239;--pl-line-strong:#3d574c;--pl-pine:#8fd1ae;--pl-pine-dark:#b6e3c9;--pl-pine-soft:#1f3a2f;
  --pl-danger:#ffb4a8;--pl-danger-soft:#3a1d19;--pl-focus:rgba(143,209,174,.25);
  --pl-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);--pl-shadow-hover:0 2px 4px rgba(0,0,0,.3),0 14px 34px rgba(0,0,0,.35);
}