/* ATENA brand.css - JEDINO mesto koje se menja po klijentu (DESIGN.md §2, §8).
   Sadrži samo :root{} override tokena (+ @font-face kad se fontovi self-hostuju).
   Šablon Atena koristi podrazumevanu paletu, pa je blok namerno prazan;
   ekran podešavanja „Atena" ispisuje <style id="atena-brand"> POSLE ovog fajla
   i ima poslednju reč.

   Primer za klon (keramika):
   :root{
     --at-bg:#F4F3EF; --at-surface:#FBFAF7; --at-surface-2:#EAE8E1;
     --at-panel:#1C2226; --at-panel-ink:#F4F3EF; --at-panel-muted:#9AA3A8;
     --at-ink:#1C2226; --at-ink-2:#3E464B; --at-muted:#6B7479;
     --at-line:#DDD9CF; --at-line-strong:#BDB7A9;
     --at-accent:#1F4E8C; --at-accent-hover:#173C6C; --at-accent-soft:#E4ECF7;
     --at-font-display:"Fraunces",Georgia,serif; --at-display-weight:500; --at-display-tracking:-.01em;
     --at-radius-sm:2px; --at-radius-md:4px; --at-radius-lg:8px; --at-shadow-tint:28,34,38;
   }
*/
/* Vinarija 4 praseta - tokeni 1:1 iz /var/www/4praseta/DESIGN.md (frontmatter + §2-§6), izvor: htdocs/homepage/hp.css.
   Fontovi (Marcellus + Figtree) idu kroz Atena > Brend (font_display / font_body), ne ovde. */
:root{
  --at-bg:#EFE5D3; --at-surface:#F7F0E3; --at-surface-2:#E2D4BC;
  --at-panel:#6D1D2A; --at-panel-ink:#F6EFE2; --at-panel-muted:#D0B4AF;
  --at-ink:#221714; --at-ink-2:#56443B; --at-muted:#56443B;
  --at-line:rgba(34,23,20,.14); --at-line-strong:rgba(86,68,59,.45);
  --at-accent:#6D1D2A; --at-accent-hover:#8A2B3C; --at-accent-ink:#F6EFE2; --at-accent-soft:#E2D1C2;
  --at-success:#4F5B3C; --at-success-soft:#E1E1D0;
  --at-danger:#A3261E; --at-danger-soft:#F3DCD4;
  --at-sale:#6D1D2A; --at-sale-soft:#E2D1C2;
  --at-overlay:rgba(34,23,20,.45);
  --at-selection-bg:#6D1D2A; --at-selection-ink:#F6EFE2;
  --at-display-weight:400; --at-display-tracking:-.005em; --at-display-lh:1.02;
  --at-body-lh:1.66; --at-prose-max:50ch;
  --at-fs-display:clamp(3rem,5.4vw,5rem);
  --at-fs-h1:clamp(2.7rem,4.6vw,4.3rem);
  --at-fs-h2:clamp(2.1rem,3.5vw,3.15rem);
  --at-fs-h3:clamp(1.5rem,2.1vw,2rem);
  --at-fs-h4:1.4rem;
  --at-fs-lead:1.08rem; --at-fs-body:17px; --at-fs-small:.9rem; --at-fs-micro:.74rem; --at-fs-price:1.2rem;
  --at-lh-h2:1.1; --at-lh-h3:1.12; --at-lh-h4:1.15;
  --at-section:clamp(90px,10vw,150px); --at-section-md:clamp(80px,9vw,130px);
  --at-gutter:28px; --at-container:1240px; --at-container-wide:1320px;
  --at-btn-h:56px; --at-input-h:48px;
  --at-radius-sm:4px; --at-radius-md:6px; --at-radius-lg:18px;
  --at-shadow-tint:34,23,20;
  --at-shadow-md:0 34px 60px -36px rgba(34,23,20,.55);
  --at-shadow-lg:0 24px 48px -12px rgba(34,23,20,.3);
  --at-ease-out:cubic-bezier(.2,.8,.2,1); --at-ease-in-out:cubic-bezier(.7,0,.2,1);
  --at-d-fast:250ms; --at-d-base:350ms; --at-d-slow:600ms;
  --at-header-h:88px; --at-logo-h:77px;
  --at-ring:0 1.5px 0 0 #6D1D2A;
}
@media (max-width:760px){:root{--at-gutter:16px;--at-header-h:72px;--at-fs-body:16px}}

/* Fallback metrike (DESIGN 4.8): dok web font ne stigne, sistemski font zauzima isti prostor - bez skoka rasporeda.
   Pri zameni fontova po klijentu prilagoditi size-adjust/ascent/descent novom paru. */
@font-face{font-family:"at-display-fallback";src:local("Helvetica Neue"),local("Arial");size-adjust:103%;ascent-override:92%;descent-override:23%;line-gap-override:0%}
@font-face{font-family:"at-body-fallback";src:local("Segoe UI"),local("Helvetica Neue"),local("Arial");size-adjust:101%;ascent-override:95%;descent-override:26%;line-gap-override:0%}