/*
Theme Name:   Baucentar BEA
Theme URI:    https://baucentarbea.net/
Description:  Lagana custom WooCommerce tema za Baucentar BEA Brcko. Industrijski identitet, search-first header, dinamicki mega-meni iz product_cat. Bez page-buildera, bez jQuery ovisnosti.
Author:       Baucentar BEA
Version:      0.1.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  bea
Tags:         woocommerce, e-commerce, custom-menu, translation-ready
*/

/* =========================================================================
   DIZAJN TOKENI  —  jedini izvor istine za boje, tipografiju i razmake.
   Sve ostalo (assets/css/*.css) cita iskljucivo odavde.
   ========================================================================= */

:root {
  /* --- Boje: identitet --- */
  --bea-grafit:        #16181C;  /* glavni tamni ton, header/footer/tekst */
  --bea-grafit-800:    #22252B;
  --bea-grafit-600:    #3A3F48;
  --bea-narandzasta:   #F15A22;  /* glavni akcent */
  --bea-narandzasta-d: #D2440F;  /* hover / pritisnuto */
  --bea-amber:         #FFC24B;  /* isticanje, akcijske trake */
  --bea-papir:         #F6F5F2;  /* pozadina stranice */
  --bea-bijela:        #FFFFFF;
  --bea-pijesak:       #EFEDE7;  /* svijetla traka: topbar, podnozje */
  --bea-krem:          #FBFAF8;  /* najsvjetliji ton, hero */
  --bea-narandzasta-s: #FEF1EB;  /* narandzasta na 6% — mekane povrsine */
  --bea-amber-s:       #FFF6E3;  /* amber na 12% */
  --bea-stanje:        #2E9E5B;  /* "na stanju" zeleno */
  --bea-viber:         #7360F2;  /* Viber ljubicasta */

  /* --- Boje: pomocne --- */
  --bea-linija:        #E3E1DC;
  --bea-tekst:         var(--bea-grafit);
  --bea-tekst-slab:    #6C7079;
  --bea-crvena:        #D93025;  /* rasprodano / greska */

  /* --- Tipografija --- */
  --bea-font-naslov:   "Archivo", system-ui, -apple-system, sans-serif;
  --bea-font-ui:       "Barlow Condensed", "Archivo", system-ui, sans-serif;
  --bea-font-tekst:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --bea-w-naslov:      900;
  --bea-w-ui:          800;

  /* Fluidna skala — clamp(min, preferirano, max) */
  --bea-fs-xs:   0.75rem;
  --bea-fs-sm:   0.875rem;
  --bea-fs-base: 1rem;
  --bea-fs-lg:   1.125rem;
  --bea-fs-xl:   clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --bea-fs-2xl:  clamp(1.5rem,  1.2rem + 1.4vw, 2.25rem);
  --bea-fs-3xl:  clamp(2rem,    1.4rem + 2.8vw, 3.5rem);
  --bea-fs-hero: clamp(2.5rem,  1.5rem + 4.5vw, 5rem);

  /* --- Razmaci (4px skala) --- */
  --bea-s-1: 0.25rem;  --bea-s-2: 0.5rem;   --bea-s-3: 0.75rem;
  --bea-s-4: 1rem;     --bea-s-5: 1.5rem;   --bea-s-6: 2rem;
  --bea-s-7: 3rem;     --bea-s-8: 4rem;     --bea-s-9: 6rem;

  /* --- Layout --- */
  --bea-max:        1400px;
  --bea-gutter:     clamp(1.25rem, 0.5rem + 2vw, 2rem);  /* min 20px — na telefonu je 16px bilo prelijepljeno uz ivicu */
  --bea-radius:     4px;   /* industrijski = skoro ostri uglovi */
  --bea-radius-lg:  8px;

  /* --- Sjene --- */
  --bea-shadow-sm: 0 1px 2px rgba(22,24,28,.08);
  --bea-shadow:    0 4px 16px rgba(22,24,28,.10);
  --bea-shadow-lg: 0 12px 40px rgba(22,24,28,.16);

  /* --- Animacija --- */
  --bea-ease: cubic-bezier(.2,.7,.3,1);
  --bea-t:    .18s var(--bea-ease);

  /* --- Slojevi --- */
  --bea-z-header: 100;
  --bea-z-mega:   110;
  --bea-z-drawer: 200;
  --bea-z-modal:  300;
}

@media (prefers-reduced-motion: reduce) {
  :root { --bea-t: 0s; }
}