/* Generated by docs/build.mjs - extracted verbatim from index.html. Do not edit. */

:root {
      /* ── Light theme (default) ── warm, accessible ──────────────────── */
      --bg:           #FBF8F4;
      --bg-raised:    #F4F0EA;
      --bg-card:      #FFFFFF;
      --border:       #E6E0D6;
      --border-hi:    #D4CBBC;
      --text:         #1C1917;
      --text-muted:   #5C5248;
      --text-dim:     #767068;
      --blue:         #1272C4;   /* 4.96:1 on white, 4.68:1 on bg */
      --blue-soft:    rgba(18,114,196,0.09);
      --amber:        #A16207;   /* 4.64:1 on bg */
      --amber-soft:   rgba(161,98,7,0.10);
      --purple:       #6D28D9;
      --green:        #166534;   /* 6.73:1 on bg */
      --green-soft:   rgba(22,101,52,0.10);
      --mono:         'Inter', sans-serif;
      --sans:         'Inter', sans-serif;
      --serif:        'Gowun Batang', serif;
    }

[data-theme="dark"] {
      /* ── Dark theme ─────────────────────────────────────────────────── */
      --bg:           #0B0B0B;
      --bg-raised:    #111111;
      --bg-card:      #161616;
      --border:       #1E1E1E;
      --border-hi:    #2A2A2A;
      --text:         #E2E2E2;   /* 15.2:1 */
      --text-muted:   #808080;   /* 4.98:1 */
      --text-dim:     #707070;   /* 3.97:1, dim metadata only */
      --blue:         #1585DC;   /* 5.08:1 on dark-bg */
      --blue-soft:    rgba(21,133,220,0.10);
      --amber:        #F59E0B;   /* 9.16:1 */
      --amber-soft:   rgba(245,158,11,0.10);
      --purple:       #8B5CF6;
      --green:        #4ADE80;   /* 11.3:1 */
      --green-soft:   rgba(74,222,128,0.10);
    }

.theme-toggle {
      display: flex; align-items: center; justify-content: center;
      width: 34px; height: 34px; border-radius: 50%;
      background: var(--bg-card); border: 1px solid var(--border-hi);
      cursor: pointer; color: var(--text-muted); font-size: 15px;
      transition: background 0.2s, border-color 0.2s;
      flex-shrink: 0; margin-left: 4px;
    }

.theme-toggle:hover { background: var(--border-hi); color: var(--text); }