/* ============================================================
   SciT 공용 테마 팔레트 — 학교 업무 데스크와 같은 색을 모든 도구가 공유
   쓰는 법: <link rel="stylesheet" href="/assets/theme.css">
            <script src="/assets/theme.js" defer></script>   ← 저장된 테마 적용
   색은 반드시 변수로 쓰세요 (var(--paper), var(--ink), var(--primary) …)
   ============================================================ */
:root, [data-theme="cream"] {
  --bg-1:#F5EBD7; --bg-2:#EFE0C5; --paper:#FFFBF1; --paper-2:#FBF3E2;
  --ink:#4A3F33; --ink-soft:#7A6A56; --line:#E1CFAD; --line-soft:#EFE3CB;
  --primary:#C97B5C; --primary-soft:#E8A87C; --sage:#8FA978; --sage-soft:#C5D4A6;
  --butter:#E8C46A; --rose:#D78B85; --sky:#8DB4C4;
  --shadow:0 6px 14px rgba(91,67,32,.08), 0 2px 4px rgba(91,67,32,.05);
  --bg-radial-1:#FAEBC8; --bg-radial-2:#F0DCB7; --grain:rgba(91,67,32,.04);
  --on-primary:#fff;
  --radius-lg:18px; --radius-md:12px; --radius-sm:8px;
}
[data-theme="dark"]{
  --bg-1:#1E1E25; --bg-2:#15151A; --paper:#2A2A32; --paper-2:#232329;
  --ink:#ECE9E4; --ink-soft:#B0AAA0; --line:#3D3D48; --line-soft:#2F2F38;
  --primary:#E0A082; --primary-soft:#EFB89E; --sage:#A5C290; --sage-soft:#6F8866;
  --butter:#F0D078; --rose:#E5A29D; --sky:#9FCAD9;
  --shadow:0 6px 14px rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.25);
  --bg-radial-1:#2C2C36; --bg-radial-2:#1A1A20; --grain:rgba(255,255,255,.025);
  --on-primary:#241C16;
}
[data-theme="spring"]{
  --bg-1:#FCEDEC; --bg-2:#F5DDDF; --paper:#FFFAFC; --paper-2:#FCF4F4;
  --ink:#4D3F44; --ink-soft:#876B73; --line:#ECCCD0; --line-soft:#F8E2E5;
  --primary:#E5859A; --primary-soft:#F0A4B5; --sage:#A5C089; --sage-soft:#CCDDB7;
  --butter:#F2D778; --rose:#E68997; --sky:#98C4D9;
  --shadow:0 6px 14px rgba(150,80,100,.08), 0 2px 4px rgba(150,80,100,.04);
  --bg-radial-1:#FAE0E5; --bg-radial-2:#F5D0D6; --grain:rgba(150,80,100,.04);
  --on-primary:#fff;
}
[data-theme="autumn"]{
  --bg-1:#F0E5D5; --bg-2:#E5D0B0; --paper:#FBF5E8; --paper-2:#F5EBD0;
  --ink:#3F302A; --ink-soft:#7A5F4F; --line:#DBC5A5; --line-soft:#E9D8B8;
  --primary:#B25F3F; --primary-soft:#D08566; --sage:#8B9755; --sage-soft:#C5CC9A;
  --butter:#D9A356; --rose:#C2705C; --sky:#91A4AC;
  --shadow:0 6px 14px rgba(80,50,30,.10), 0 2px 4px rgba(80,50,30,.05);
  --bg-radial-1:#F5DDB8; --bg-radial-2:#ECC890; --grain:rgba(80,50,30,.05);
  --on-primary:#fff;
}
[data-theme="winter"]{
  --bg-1:#E8EDF2; --bg-2:#D6DEE8; --paper:#F8FAFC; --paper-2:#EDF2F7;
  --ink:#2D3748; --ink-soft:#5F6B7A; --line:#C4CDD9; --line-soft:#DDE3EA;
  --primary:#5B7AA8; --primary-soft:#8AA4C6; --sage:#7DA08D; --sage-soft:#B0C8B9;
  --butter:#D9C679; --rose:#C58A95; --sky:#8FB1C4;
  --shadow:0 6px 14px rgba(45,55,72,.07), 0 2px 4px rgba(45,55,72,.04);
  --bg-radial-1:#DDE7F0; --bg-radial-2:#C9D6E5; --grain:rgba(45,55,72,.04);
  --on-primary:#fff;
}
[data-theme="mint"]{
  --bg-1:#E5F0EC; --bg-2:#CCE5DD; --paper:#F5FBF8; --paper-2:#E5F2EC;
  --ink:#2D4A40; --ink-soft:#5C786C; --line:#BAD6CB; --line-soft:#D5E8DF;
  --primary:#4A9580; --primary-soft:#7FB7A4; --sage:#87B8A2; --sage-soft:#C5DDD0;
  --butter:#E5C880; --rose:#D49996; --sky:#8FB4C0;
  --shadow:0 6px 14px rgba(45,80,65,.08), 0 2px 4px rgba(45,80,65,.04);
  --bg-radial-1:#D8EDE3; --bg-radial-2:#BFDFD0; --grain:rgba(45,80,65,.04);
  --on-primary:#fff;
}

/* 종이 질감 배경 — body에 그대로 적용 */
.scit-paper, body.scit-paper {
  background:
    radial-gradient(900px 520px at 8% -8%, var(--bg-radial-1), transparent 62%),
    radial-gradient(760px 460px at 100% 6%, var(--bg-radial-2), transparent 58%),
    linear-gradient(160deg, var(--bg-1), var(--bg-2));
  background-attachment: fixed;
  color: var(--ink);
}