/* ========================================================================= THEME.CSS — ⭐ FAJL ZA REBRAND ⭐ ------------------------------------------------------------------------- Ovo je JEDINI fajl koji menjaš kad praviš novi sajt iz ovog template-a. Promeni boje i fontove ovde i CEO sajt se prebaci na novi brand. NE diraj style.css zbog boja — sve boje dolaze odavde kao var(--ime). ========================================================================= */ /* --- 1. FONTOVI (Google Fonts) ----------------------------------------- */ /* Da promeniš font: ubaci novi u u index.html, pa ovde samo izmeni ime u --font-naslov / --font-telo. */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Sometype+Mono:wght@400;500;600&family=League+Script&display=swap'); :root { /* --- 2. BOJE BRENDA --------------------------------------------------- Promeni ovih nekoliko vrednosti i ceo sajt menja paletu. */ --c-wine: #541927; /* glavna bordo/vinska boja (velike sekcije) */ --c-wine-dark: #3B111B; /* tamnija bordo (mastheadi, hover) */ --c-wine-deep: #4b1420; /* duboka bordo (footer, banneri) */ --c-cta1: #6A2435; /* CTA gradijent — početak */ --c-cta2: #471521; /* CTA gradijent — kraj */ --c-cream: #F0ECE3; /* krem pozadina */ --c-cream-soft: #f4eee6; /* svetliji krem */ --c-ink: #521B16; /* tamni tekst na krem pozadini */ --c-ink-soft: rgba(82,27,22,.70); /* prigušeni/sekundarni tekst */ --c-on-wine: #F0ECE3; /* tekst na bordo pozadini */ --c-on-wine-dim: rgba(240,236,227,.78);/* prigušeni tekst na bordo */ --c-line: rgba(82,27,22,.14); /* tanke linije/borderi */ /* Semantičke (izvedene) — obično ih ne diraš */ --c-bg: var(--c-cream); --c-text: var(--c-ink); --c-accent: var(--c-wine); /* --- 3. TIPOGRAFIJA --------------------------------------------------- --font-naslov = serif za naslove; --font-telo = sans za telo. */ --font-naslov: 'Instrument Serif', Georgia, serif; --font-telo: 'Sometype Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --font-skript: 'League Script', cursive; /* rukopisni akcenti */ /* Veličine fontova (fluidne — same se skaliraju na mobilnom) */ --fs-hero: clamp(2.4rem, 5.5vw, 4.6rem); --fs-h1: clamp(2rem, 4.5vw, 3.6rem); --fs-h2: clamp(1.6rem, 3.2vw, 2.6rem); --fs-h3: clamp(1.15rem, 2vw, 1.4rem); --fs-body: clamp(0.92rem, 1.1vw, 1.02rem); --fs-small: 0.8rem; --fs-label: 0.72rem; /* mala razmaknuta slova (LABELE) */ --lh-tight: 1.15; --lh-body: 1.7; --tracking-label: 0.18em; /* razmak između slova za labele (Sometype Mono) */ --tracking-naslov: -0.03em; /* zbijenost naslova (Instrument Serif) */ /* --- 4. RAZMACI & RADIJUSI -------------------------------------------- */ --space-section: clamp(4rem, 9vw, 8rem); /* vertikalni razmak sekcija */ --container: 1200px; /* maks širina sadržaja */ --container-narrow: 820px; --gutter: clamp(1.25rem, 4vw, 3rem); --radius: 2px; /* template koristi oštre, elegantne uglove */ --radius-pill: 100px; /* dugmad/pilule */ /* --- 5. OSTALO -------------------------------------------------------- */ --shadow-soft: 0 18px 40px rgba(45, 20, 30, 0.18); --transition: 0.35s ease; }