/* ═══════════════════════════════════════════════════════════════════════
   Plan Sjedenja · DIZAJN SISTEM („papir i nit")
   Jedan izvor istine za boje, fontove, razmake i osnovne komponente.
   Koriste ga: dashboard, 404, uslovi, privatnost, sve-za-vjencanje, DJ, admin.
   Naslovna (index.html) ima iste vrijednosti ugrađene u sebe radi brzine.

   Kako se koristi:
     <link rel="stylesheet" href="/ps-sistem.css">   (POSLIJE <style> stranice)
   Stare stranice imaju svoja imena varijabli (--bg, --text-main, --muted…);
   ovdje su sva preusmjerena na tokene sistema, pa stranica odmah dobije novi
   izgled bez prepravljanja njenog CSS-a.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── FONTOVI (self-hosted, latin + latin-ext za č ć ž š đ) ── */
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/bodoni-moda-latin-standard-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/bodoni-moda-latin-ext-standard-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/bodoni-moda-latin-standard-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/bodoni-moda-latin-ext-standard-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/hanken-grotesk-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Pinyon Script';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pinyon-script-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Pinyon Script';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pinyon-script-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ── TOKENI · svijetla tema ── */
html:root{
  /* papir i mastilo */
  --ps-papir:#F3EEE4; --ps-papir-2:#EAE3D5; --ps-karta:#FBF8F1; --ps-karta-2:#F7F2E8;
  --ps-tinta:#1C1A16; --ps-tinta-2:#47423A; --ps-tinta-3:#6C6557;
  --ps-linija:#DDD4C3; --ps-linija-2:rgba(28,26,22,.08);
  /* boje brenda */
  --ps-zelena:#1E3B33; --ps-zelena-2:#28493F; --ps-na-zelenoj:#EEE8DA; --ps-na-zelenoj-2:rgba(238,232,218,.68);
  --ps-nit:#B33C24; --ps-nit-2:#9A321D; --ps-nit-meka:rgba(179,60,36,.08); --ps-nit-srednja:rgba(179,60,36,.28);
  --ps-mesing:#9E804C; --ps-mesing-meka:rgba(158,128,76,.14); --ps-mesing-t:#735C30;
  /* stanja */
  --ps-ok:#3C6E57; --ps-ok-meka:rgba(60,110,87,.12);
  --ps-greska:#A1352A; --ps-greska-meka:rgba(161,53,42,.10);
  /* tipografija */
  --ps-serif:'Bodoni Moda','Bodoni 72',Didot,Georgia,serif;
  --ps-sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ps-script:'Pinyon Script','Snell Roundhand',cursive;
  /* oblik */
  --ps-r-sm:3px; --ps-r:6px; --ps-r-lg:10px;
  --ps-sjena:0 1px 2px rgba(45,32,12,.05),0 8px 22px -12px rgba(45,32,12,.20);
  --ps-sjena-lg:0 2px 4px rgba(45,32,12,.05),0 28px 60px -22px rgba(45,32,12,.34);
  --ps-ease:cubic-bezier(.22,.7,.12,1);

  /* ── preusmjeravanje starih imena (dashboard, pomoćne stranice) ── */
  --bg:var(--ps-papir); --bg2:var(--ps-papir-2); --card-bg:var(--ps-karta); --card:var(--ps-karta);
  --text-main:var(--ps-tinta); --text:var(--ps-tinta); --text-muted:var(--ps-tinta-3); --muted:var(--ps-tinta-3);
  --line:var(--ps-linija);
  --accent:var(--ps-nit); --accent-light:var(--ps-nit-srednja); --accent-soft:var(--ps-nit-meka); --accent-text:var(--ps-nit-2);
  --accent2:var(--ps-mesing);
  --green:var(--ps-ok); --green-soft:var(--ps-ok-meka); --ok:var(--ps-ok);
  --red:var(--ps-greska); --red-soft:var(--ps-greska-meka); --bad:var(--ps-greska); --err:var(--ps-greska);
  --warn:var(--ps-mesing);
  --serif:var(--ps-serif); --sans:var(--ps-sans);
  color-scheme:light;
}

/* ── TOKENI · tamna tema (html i body, jer neke stranice temu stavljaju na body) ── */
html[data-theme="dark"],html body[data-theme="dark"]{
  --ps-papir:#111613; --ps-papir-2:#161D19; --ps-karta:#1B231F; --ps-karta-2:#1F2823;
  --ps-tinta:#EEE8DA; --ps-tinta-2:#C6BFB0; --ps-tinta-3:#958E80;
  --ps-linija:#2B3530; --ps-linija-2:rgba(238,232,218,.07);
  --ps-zelena:#172C26; --ps-zelena-2:#1F3931;
  --ps-nit:#E2684C; --ps-nit-2:#EE8468; --ps-nit-meka:rgba(226,104,76,.12); --ps-nit-srednja:rgba(226,104,76,.36);
  --ps-mesing:#C4A56E; --ps-mesing-meka:rgba(196,165,110,.16); --ps-mesing-t:#C4A56E;
  --ps-ok:#7FB597; --ps-ok-meka:rgba(127,181,151,.14);
  --ps-greska:#E07F72; --ps-greska-meka:rgba(224,127,114,.14);
  --ps-sjena:0 1px 2px rgba(0,0,0,.3),0 10px 26px -12px rgba(0,0,0,.55);
  --ps-sjena-lg:0 2px 4px rgba(0,0,0,.3),0 30px 70px -24px rgba(0,0,0,.7);
  /* preusmjeravanja se moraju ponoviti: var() se izračuna na elementu gdje je deklarisan */
  --bg:var(--ps-papir); --bg2:var(--ps-papir-2); --card-bg:var(--ps-karta); --card:var(--ps-karta);
  --text-main:var(--ps-tinta); --text:var(--ps-tinta); --text-muted:var(--ps-tinta-3); --muted:var(--ps-tinta-3);
  --line:var(--ps-linija);
  --accent:var(--ps-nit); --accent-light:var(--ps-nit-srednja); --accent-soft:var(--ps-nit-meka); --accent-text:var(--ps-nit-2);
  --accent2:var(--ps-mesing);
  --green:var(--ps-ok); --green-soft:var(--ps-ok-meka); --ok:var(--ps-ok);
  --red:var(--ps-greska); --red-soft:var(--ps-greska-meka); --bad:var(--ps-greska); --err:var(--ps-greska);
  --warn:var(--ps-mesing);
  color-scheme:dark;
}
/* 404 prati sistemsku temu i bez prekidača */
@media (prefers-color-scheme: dark){
  html.ps-auto-tamna:not([data-theme]){
    --ps-papir:#111613; --ps-papir-2:#161D19; --ps-karta:#1B231F; --ps-tinta:#EEE8DA; --ps-tinta-3:#958E80;
    --ps-linija:#2B3530; --ps-nit:#E2684C; --ps-nit-2:#EE8468; --ps-nit-meka:rgba(226,104,76,.12);
    --bg:var(--ps-papir); --bg2:var(--ps-papir-2); --card-bg:var(--ps-karta); --text-main:var(--ps-tinta); --text-muted:var(--ps-tinta-3);
    --line:var(--ps-linija); --accent:var(--ps-nit); --accent-text:var(--ps-nit-2); --accent-soft:var(--ps-nit-meka);
    color-scheme:dark;
  }
}

/* ── OSNOVA ── */
html body{font-family:var(--ps-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html ::selection{background:var(--ps-nit);color:#fff}
html :focus-visible{outline:2px solid var(--ps-nit);outline-offset:2px}
html *{scrollbar-width:thin;scrollbar-color:var(--ps-linija) transparent}
html ::-webkit-scrollbar{width:10px;height:10px}
html ::-webkit-scrollbar-track{background:transparent}
html ::-webkit-scrollbar-thumb{background:var(--ps-linija);border-radius:10px;border:3px solid transparent;background-clip:padding-box}
html ::-webkit-scrollbar-thumb:hover{background-color:var(--ps-tinta-3)}

/* ikonice iz seta (<svg class="ic"><use href="#ic-…"/></svg>) */
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}

/* nadnaslov s crvenom niti — isti kao na naslovnoj */
.ps-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--ps-sans);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ps-tinta-3)}
.ps-kicker::before{content:"";width:22px;height:1.5px;background:var(--ps-nit);border-radius:2px}

/* ── pomoćne stranice: dugmad s tamnim tekstom na akcentu (akcent je sada crven) ── */
.card-num,.f-posalji{color:#fff !important}
[data-theme="dark"] .f-posalji{background:var(--ps-nit) !important;color:#1C1A16 !important}
[data-theme="dark"] .card-num{color:#1C1A16 !important}

@media (prefers-reduced-motion: reduce){ html *{scroll-behavior:auto !important} }

/* Dugmad nasljeđuju font stranice (inače preglednik uzme Arial) */
html button,html input,html select,html textarea{font-family:inherit}