/* ============================================================
   upjobs.cz — Inkoust & jiskra · kanonický theme v1.0
   PŘEVZÍT 1:1. Neupravovat hodnoty, nepřidávat gradienty/glow,
   neměnit stíny na blur. Komponenty webu mapovat na tyto třídy.
   ============================================================ */

:root{
  /* barvy */
  --uj-ink:#1E1A17;
  --uj-ink-deep:#141110;
  --uj-pink:#FF5DA2;
  --uj-pink-deep:#D6438A;
  --uj-pink-tint:#FFE9F3;
  --uj-gold:#F5A623;
  --uj-paper:#F8F5F0;
  --uj-carton:#EFE9E1;
  --uj-line:#DDD4C9;
  --uj-pencil:#6F6559;
  --uj-white:#FFFFFF;
  --uj-green:#0FA968;   /* pouze stavové */
  --uj-red:#E5484D;     /* pouze stavové */
  /* na tmavé */
  --uj-paper-muted:#B5AB9E;
  --uj-pencil-dark:#948A7D;
  /* typo */
  --uj-font-head:'Space Grotesk',-apple-system,system-ui,sans-serif;
  --uj-font-accent:'Instrument Serif',Georgia,serif; /* jen italic */
  --uj-font-body:'Inter',-apple-system,system-ui,sans-serif;
  --uj-font-mono:'IBM Plex Mono',ui-monospace,monospace;
  /* tvar */
  --uj-radius:14px;
  --uj-radius-btn:10px;
  --uj-radius-chip:8px;
  /* stíny — VŽDY tvrdé, blur=0 */
  --uj-shadow:8px 8px 0 var(--uj-ink);
  --uj-shadow-deep:10px 10px 0 var(--uj-ink-deep);
  --uj-shadow-hover:11px 11px 0 var(--uj-pink);
  --uj-shadow-btn:4px 4px 0 var(--uj-ink);
}

/* ---------- základ ---------- */
body{background:var(--uj-paper);color:var(--uj-ink);font-family:var(--uj-font-body)}
::selection{background:var(--uj-pink);color:#fff}
a{color:var(--uj-ink);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--uj-pink-deep)}

/* grain — vložit jednou globálně */
.uj-grain::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:98;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- typografie ---------- */
.uj-h1,.uj-h2,.uj-h3{font-family:var(--uj-font-head);font-weight:700;letter-spacing:-0.02em;line-height:1.08}
.uj-accent{font-family:var(--uj-font-accent);font-style:italic;font-weight:400;letter-spacing:0;white-space:nowrap}
.uj-accent--on-light{color:var(--uj-pink-deep)}
.uj-accent--on-dark{color:var(--uj-pink)}
.uj-label{font-family:var(--uj-font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--uj-pencil)}
.uj-mono{font-family:var(--uj-font-mono)}

/* ---------- sekce (VŠECHNY plochy flat, žádné gradienty) ---------- */
.uj-section{background:var(--uj-paper);color:var(--uj-ink)}
.uj-section--ink{background:var(--uj-ink);color:var(--uj-paper)}
.uj-section--ink-deep{background:var(--uj-ink-deep);color:var(--uj-paper)}
.uj-section--pink{background:var(--uj-pink);color:var(--uj-ink);border-top:2px solid var(--uj-ink);border-bottom:2px solid var(--uj-ink);padding-block:76px}
.uj-section--ink .uj-muted,.uj-section--ink-deep .uj-muted{color:var(--uj-paper-muted)}
.uj-muted{color:var(--uj-pencil)}

/* ---------- tlačítka ---------- */
.uj-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--uj-font-head);font-weight:700;
  font-size:15px;padding:13px 24px;border-radius:var(--uj-radius-btn);cursor:pointer;text-decoration:none;
  border:2px solid var(--uj-ink);background:var(--uj-white);color:var(--uj-ink);
  transition:transform .12s,box-shadow .12s}
.uj-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--uj-shadow-btn);color:var(--uj-ink)}
.uj-btn--primary{background:var(--uj-pink);color:var(--uj-ink)}       /* max 1× na obrazovku */
.uj-btn--secondary{background:var(--uj-ink);color:var(--uj-paper)}
.uj-btn--secondary:hover{color:var(--uj-paper)}
.uj-btn--ghost{background:transparent}
/* na tmavé ploše */
.uj-section--ink .uj-btn--ghost,.uj-section--ink-deep .uj-btn--ghost{border-color:var(--uj-paper);color:var(--uj-paper)}
.uj-section--ink .uj-btn--ghost:hover{border-color:var(--uj-pink);box-shadow:4px 4px 0 var(--uj-pink);color:var(--uj-paper)}
/* na malinové ploše NIKDY malinové tlačítko */
.uj-section--pink .uj-btn--primary{background:var(--uj-ink);color:var(--uj-paper)}
.uj-section--pink .uj-btn--ghost{background:transparent;border-color:var(--uj-ink)}
@media (prefers-reduced-motion: reduce){.uj-btn:hover,.uj-card--hover:hover{transform:none}}

/* ---------- karty ---------- */
.uj-card{background:var(--uj-white);border:2px solid var(--uj-ink);border-radius:var(--uj-radius);
  box-shadow:var(--uj-shadow)}
.uj-card--hover{transition:transform .13s,box-shadow .13s;cursor:pointer}
.uj-card--hover:hover{transform:translate(-3px,-3px);box-shadow:var(--uj-shadow-hover)}
.uj-card--flat{box-shadow:none}
.uj-card--tilt{transform:rotate(-1deg)}          /* cenovka */
.uj-card--tilt:hover{transform:rotate(-1deg) translate(-2px,-2px)}

/* vybraný řádek v seznamu (žádný růžový wash) */
.uj-row--selected{background:var(--uj-carton);border-left:3px solid var(--uj-pink)}

/* ---------- chipy ---------- */
.uj-chip{display:inline-block;font-size:13px;font-weight:600;padding:6px 13px;
  border-radius:var(--uj-radius-chip);border:1.5px solid var(--uj-ink);background:var(--uj-white);color:var(--uj-ink)}
.uj-chip--active{background:var(--uj-ink);color:var(--uj-paper)}
.uj-chip--top{background:var(--uj-gold);transform:rotate(2deg);font-family:var(--uj-font-head);font-weight:700}
.uj-chip--code{font-family:var(--uj-font-mono);font-size:12px;border-style:dashed;border-color:var(--uj-pencil-dark);
  background:var(--uj-ink-deep);color:var(--uj-paper)}

/* ---------- razítko (statistiky, cena, badge) ---------- */
.uj-stamp{display:inline-block;font-family:var(--uj-font-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;line-height:1.5;padding:11px 15px;border-radius:8px;
  border:1.5px dashed var(--uj-pink);color:var(--uj-pink);transform:rotate(-1deg)}
.uj-stamp--gold{border-color:var(--uj-gold);color:var(--uj-gold);transform:rotate(1.5deg)}
.uj-stamp--ink{border-color:var(--uj-ink);color:var(--uj-ink)}

/* ---------- cenovka ---------- */
.uj-price{background:var(--uj-white);border:2px solid var(--uj-ink);border-radius:var(--uj-radius);
  box-shadow:var(--uj-shadow-deep);padding:26px 30px;text-align:center;transform:rotate(-1deg)}
.uj-price .amount{font-family:var(--uj-font-head);font-weight:700;font-size:40px;color:var(--uj-ink)}
.uj-price .amount .kc{color:var(--uj-pink-deep)}
.uj-price .old{text-decoration:line-through;color:var(--uj-pencil);font-weight:400}
.uj-price .meta{font-family:var(--uj-font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--uj-pencil)}

/* ---------- výčty: ✶ místo checků a teček ---------- */
.uj-list{list-style:none;padding:0}
.uj-list li::before{content:"✶ ";color:var(--uj-pink);font-weight:700}
.uj-section--ink .uj-list li::before,.uj-section--ink-deep .uj-list li::before{color:var(--uj-gold)}

/* ---------- formuláře ---------- */
.uj-input{font-family:var(--uj-font-body);font-weight:600;color:var(--uj-ink);background:transparent;border:none;outline:none}
.uj-input::placeholder{color:var(--uj-pencil);font-weight:400}
.uj-input:focus-visible{outline:2px solid var(--uj-pink);outline-offset:2px;border-radius:4px}
.uj-field-label{font-family:var(--uj-font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--uj-pencil)}

/* ---------- footer ---------- */
.uj-footer{background:var(--uj-ink-deep);color:var(--uj-paper);border-top:2px solid var(--uj-pink)}
.uj-footer a{color:var(--uj-paper-muted);text-decoration:none}
.uj-footer a:hover{color:var(--uj-pink)}

/* ============================================================
   ZAKÁZÁNO (nikdy nepřidávat):
   - linear-gradient / radial-gradient / glow / vignette
   - box-shadow s blur (třetí hodnota != 0)
   - border-radius 999/9999/50% na tlačítkách a kartách
   - #000 a studené černé; místo nich --uj-ink / --uj-ink-deep
   - růžový highlight blok za textem
   - bílý text menší než 18px na malinové ploše
   ============================================================ */