/* ==========================================================================
   MASINKO-CLEAN THEME — design tokens
   ==========================================================================
   Every value here is copied unchanged from the already pixel-verified
   masinko.css tokens built earlier in this engagement (measured against the
   live masinko.hr baseline, not guessed). This file holds ONLY brand-level
   values (Mašinko's colors/type/spacing choices) — component structure and
   layout rules live in later layers so a future tenant's theme can swap
   this file alone without touching them.
   ========================================================================== */

:root {
    /* --- Brand colors ---
       --c-text is #5e5e5e, not the original scraped #666666 — #666666
       measures 3.99:1 against --c-bg-light (#b4dcff), short of the 4.5:1
       WCAG AA text minimum. #5e5e5e is the lightest gray that still clears
       4.5:1 on every background this token is used against (white 6.48:1,
       --c-bg-panel 5.49:1, --c-bg-light 4.51:1 — computed). */
    --c-text: #5e5e5e;
    --c-accent: #6c97e1;
    --c-cta: #f48026;
    --c-cta-hover: #e0701c;
    --c-bg-light: #b4dcff;
    --c-bg-panel: #e2eef6;
    --c-figcaption: #7a7a7a;
    --c-white: #fff;
    --c-error-bg: #fbeae6;
    --c-error-text: #c04b3a;

    /* --- Type --- */
    --font: 'Poppins', sans-serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;

    /* --- Layout --- */
    --container-w: 1140px;

    /* --- Breakpoints (reference only — CSS custom properties cannot be
       used inside @media conditions, kept here so every breakpoint used in
       06-responsive.css has one documented source of truth):
       mobile-nav switch: 900px
       tablet/desktop split used throughout templates: 768px
       narrow-phone footer step: 400px
       service-page sidebar breakpoint: 767px */
}