/* ---------------------------------------------------------------------------
   Dziennik Korków — tokeny w duchu Aivory
   Jeden akcent (fiolet), ciemny i jasny motyw z tych samych zmiennych,
   cienkie linie zamiast ciężkich ramek, promień 14 px na każdej karcie.
   Nazwy zmiennych zostają stare (--paper, --pen…), żeby kod stron ich używał bez zmian.
--------------------------------------------------------------------------- */
:root{
  --paper:#f6f6f9; --sheet:#ffffff; --sheet-2:#f1f1f5; --grid:rgba(109,79,232,.045);
  --ink:#16161b; --ink-2:#57575f; --ink-3:#707077;
  --line:rgba(15,15,25,.09); --line-strong:rgba(15,15,25,.16);
  --pen:#6d4fe8; --pen-hi:#5636d1; --pen-ink:#ffffff; --pen-soft:rgba(109,79,232,.10);
  --margin:#d43f37; --margin-soft:rgba(212,63,55,.10);
  --ok:#1c9a67; --ok-soft:rgba(28,154,103,.12);
  --warn:#a9740a; --warn-soft:rgba(169,116,10,.12);
  --video:#101016;
  --shadow:0 1px 2px rgba(15,15,25,.04),0 8px 28px rgba(15,15,25,.08);
  --shadow-lg:0 2px 6px rgba(15,15,25,.06),0 24px 60px rgba(15,15,25,.16);
  --glass:rgba(255,255,255,.82);
  --scrim:rgba(12,12,20,.38);
  --radius:14px; --radius-sm:10px;
  --display:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --body:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --hand:"Caveat","Segoe Print","Bradley Hand",cursive;
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#08080b; --sheet:#0e0e13; --sheet-2:#14141b; --grid:rgba(255,255,255,.028);
    --ink:#ededf2; --ink-2:#9a9aa7; --ink-3:#7c7c8b;
    --line:rgba(255,255,255,.07); --line-strong:rgba(255,255,255,.13);
    --pen:#7c5cff; --pen-hi:#a08cff; --pen-ink:#ffffff; --pen-soft:rgba(124,92,255,.15);
    --margin:#ff5f57; --margin-soft:rgba(255,95,87,.13);
    --ok:#3fcf8e; --ok-soft:rgba(63,207,142,.13);
    --warn:#f0b429; --warn-soft:rgba(240,180,41,.12);
    --video:#050507;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
    --shadow-lg:0 2px 8px rgba(0,0,0,.4),0 30px 80px rgba(0,0,0,.55);
    --glass:rgba(20,20,27,.78);
    --scrim:rgba(0,0,0,.55);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#08080b; --sheet:#0e0e13; --sheet-2:#14141b; --grid:rgba(255,255,255,.028);
  --ink:#ededf2; --ink-2:#9a9aa7; --ink-3:#7c7c8b;
  --line:rgba(255,255,255,.07); --line-strong:rgba(255,255,255,.13);
  --pen:#7c5cff; --pen-hi:#a08cff; --pen-ink:#ffffff; --pen-soft:rgba(124,92,255,.15);
  --margin:#ff5f57; --margin-soft:rgba(255,95,87,.13);
  --ok:#3fcf8e; --ok-soft:rgba(63,207,142,.13);
  --warn:#f0b429; --warn-soft:rgba(240,180,41,.12);
  --video:#050507;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
  --shadow-lg:0 2px 8px rgba(0,0,0,.4),0 30px 80px rgba(0,0,0,.55);
  --glass:rgba(20,20,27,.78);
  --scrim:rgba(0,0,0,.55);
  color-scheme:dark;
}

body{-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
::selection{background:var(--pen-soft)}
:focus-visible{outline:2px solid var(--pen)!important;outline-offset:2px}

/* ---------- ruch: delikatne wejście treści ---------- */
@keyframes dk-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dk-fade{from{opacity:0}to{opacity:1}}
@keyframes dk-pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes dk-pulse{0%{box-shadow:0 0 0 0 rgba(124,92,255,.45)}100%{box-shadow:0 0 0 12px rgba(124,92,255,0)}}
@keyframes dk-live{0%,100%{opacity:1}50%{opacity:.35}}

/* ---------- wspólne elementy ---------- */
.btn{border-radius:var(--radius-sm)!important;border-color:var(--line-strong)!important;background:var(--sheet);
  transition:transform .15s var(--ease),border-color .15s,color .15s,box-shadow .2s,background .15s;font-weight:600!important}
.btn:hover{border-color:var(--pen)!important;transform:translateY(-1px)}
.btn:active{transform:none}
.btn.primary{background:var(--pen)!important;border-color:var(--pen)!important;color:var(--pen-ink)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 6px 18px -6px rgba(124,92,255,.6)}
.btn.primary:hover{filter:none;background:var(--pen-hi)!important;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 10px 24px -8px rgba(124,92,255,.75)}
.pill{border-radius:999px;font-weight:600}
input[type=text],input[type=number],input[type=date],input[type=time],input[type=month],input[type=search],input[type=password],select,textarea{
  border-radius:var(--radius-sm)!important;border-color:var(--line-strong)!important;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pen)!important;box-shadow:0 0 0 3px var(--pen-soft)}
.toast{border-radius:999px!important;box-shadow:var(--shadow-lg);animation:dk-pop .35s var(--ease) both}
.modal{background:var(--scrim)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:dk-fade .2s ease both}
.modal-card,.mcard{border-radius:20px!important;box-shadow:var(--shadow-lg);animation:dk-pop .35s var(--ease) both}
.md blockquote{border-left-color:var(--pen);background:var(--pen-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}