/* ========================================================================== MASUDIS — MOST (bridge) POWERED BY MASUDIS Ucitava se POSLE inline stilova na starim stranicama (proizvodi, blog, privacy) i radi tacno tri stvari: 1. ispravlja tokene boja koji su padali WCAG AA 2. dodaje delove navigacije i footera kojih u v1 nije bilo (telefon, dock) 3. dodaje vidljiv fokus i skip link NAMERNO NE ucitavamo ceo masudis-v2.css preko starih stranica: on definise .hero, .sec-title, .btn-pri, .stat-* i druge klase koje stare stranice koriste sa SVOJIM rasporedom — pregazio bi im layout. Ovaj fajl dira samo ono sto je zajednicko i sigurno. ========================================================================== */ :root{ /* v1: #7C7888 = 3.39:1 na cream-u — pao AA na telu teksta. Sada 5.6:1. Ime tokena je isto, pa sve staro nasledi ispravku. */ --ink-mute:#5F5C6B; --ink-faint:#8A8697; /* akcenti bezbedni za tekst na cream podlozi */ --amber-dk:#8C5406; /* 4.9:1 */ --teal-dk:#0A6459; /* 5.1:1 */ } /* --- fokus: v1 ga nije imao nigde --- */ :focus-visible{outline:2.5px solid var(--amber);outline-offset:3px;border-radius:4px} :focus:not(:focus-visible){outline:none} /* --- preskoci na sadrzaj --- */ .skip{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--ink);color:var(--cream); padding:14px 22px;font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:1px; text-transform:uppercase;text-decoration:none} .skip:focus{left:16px;top:16px} /* --- navigacija je gusca nego u v1 (6 stavki + telefon), pa malo zbijamo --- */ .nav-links{gap:30px} .nav-links a{font-size:.74rem} .nav-tel{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace; font-size:.74rem;letter-spacing:.5px;color:var(--ink)!important;text-decoration:none; padding:10px 16px;border:1.5px solid var(--line);border-radius:100px; transition:border-color .3s,background .3s} .nav-tel::after{display:none!important} .nav-tel:hover{border-color:var(--ink);background:var(--paper)} .nav-tel svg{flex-shrink:0} @media(max-width:1180px){.nav-tel span{display:none}.nav-tel{padding:11px 13px}.nav-links{gap:22px}} /* ========================================================================== TEKST U AMBER BOJI v1 je na desetak mesta koristio sirovi --amber (#D4840A) kao boju TEKSTA. Na cream podlozi to je 2.34:1 — pada AA vise nego duplo, i to bas na sitnom tekstu (9-13px): oznake, tagovi, linkovi u telu clanka. --amber ostaje netaknut jer nosi pozadine, ivice i gradijente; menja se samo tamo gde je TEKST. ========================================================================== */ .serif-mark, .manifesto-statement em, .mob a span, .post-crumb .sep, .post-tag, .blog-tag, .article-col a, .post-back:hover, .blog-card:hover .blog-more, .cta-mail:hover, .foot-col a:hover, .ben-num, .crumbs li, .spec-row dt, .price-foot{color:var(--amber-dk)} /* linkovi u telu teksta moraju i da se prepoznaju bez boje */ .article-col a,.article-col p a,.article-col li a{ color:var(--amber-dk); border-bottom-color:rgba(140,84,6,.4); text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px} .article-col a:hover,.article-col p a:hover{color:var(--ink);border-bottom-color:var(--ink);text-decoration-thickness:2px} /* "Svi tekstovi" u dnu clanka — v1 je amber davao samo na :hover, osnovno stanje je padalo */ .post-back{color:var(--amber-dk)} .post-back:hover{color:var(--ink)} /* navigacija: sitan mono tekst mora da bude citljiv i na 12px */ .nav-links a{color:var(--ink-mute)} .nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink)} /* Widget chata ima hardkodiran #7C7888 u