/* =====================================================================
   E-board Writer – färger som följer sajtens tema
   css/eboardwriter-theme.css   (eboardwritermenu.php och eboardwriter.php)

   Sidornas egna stilar använde fasta mörka färger (#13132a, #e8e8ff …),
   så i det ljusa temat blev korten mörka rutor på vit botten och
   texter som #44446a nästan osynliga. Färgerna är nu variabler:
   rymd (förval) ser ut som förut, ljust tema och hav får egna värden.
   Tangentbordens skal (regnbåge, iPad, lava, frost …) och den
   pappersfärgade skrivytan behåller sina färger – de är ett val.
   ===================================================================== */
:root {
    --w-bg: #0e0e24;  --w-yta: #13132a;  --w-yta2: #1a1a38;  --w-kant: #2a2a55;
    --w-text: #e8e8ff; --w-text2: #8888aa; --w-mu: #55557a;
    --w-gron-bg: #0d2a1a;  --w-gron-text: #00ff88;
    --w-lila-bg: #130a20;  --w-lila-text: #ee88ff;
    --w-gul-bg: #1e1500;   --w-gul-text: #ffcc44;  --w-orange: #ffaa44;  --w-gul-kant: #886600;
    --w-rod-bg: #2a0a0a;   --w-rod-text: #ff8888;
    --w-skugga: rgba(0,0,0,.5);
    --w-markera: rgba(255,255,255,.08);
}
[data-theme="ljus"] {
    --w-bg: #f4f6f9;  --w-yta: #ffffff;  --w-yta2: #eef2f6;  --w-kant: #cbd5e1;
    --w-text: #1e293b; --w-text2: #475569; --w-mu: #64748b;
    --w-gron-bg: #dcfce7;  --w-gron-text: #15803d;
    --w-lila-bg: #f3e8ff;  --w-lila-text: #7e22ce;
    --w-gul-bg: #fef3c7;   --w-gul-text: #92400e;  --w-orange: #b45309;  --w-gul-kant: #d97706;
    --w-rod-bg: #fee2e2;   --w-rod-text: #b91c1c;
    --w-skugga: rgba(35,48,58,.12);
    --w-markera: rgba(30,41,59,.06);
}
[data-theme="hav"], [data-theme="jul"] {
    --w-bg: var(--color-bg-primary);  --w-yta: var(--color-bg-secondary);  --w-yta2: var(--color-bg-tertiary);
    --w-kant: var(--color-border-subtle);
    --w-text: var(--color-text-primary); --w-text2: var(--color-text-secondary); --w-mu: var(--color-text-muted);
}

/* Enstaka regler som bara gällde mörk botten */
#ebw .card { box-shadow: 0 4px 24px var(--w-skugga) !important; }
#ebw .doc-item .di-name:hover { background: var(--w-markera); }
#ebw .doc-item .di-name:focus { background: var(--w-markera); color: var(--w-text); }
[data-theme="ljus"] #ebw #eb-logo .tag, [data-theme="ljus"] #ebw #logo .tag { -webkit-text-fill-color: var(--w-mu); }