/*
Theme Name: DigitMak EDIH
Theme URI: https://digitmak.mk
Author: DigitMak Development Team
Author URI: https://digitmak.mk
Description: Институционална, целосно ACF-driven WordPress тема за DigitMak — European Digital Innovation Hub во Северна Македонија. Светол, сериозен дизајн со редакциска типографија, изграден со flexible content секции контролирани преку WordPress Page Builder. Целосно респонзивна.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digitmak
*/

/* ==========================================================================
   DigitMak — Design Tokens (v2 · Institutional / Light)
   Светла, редакциска естетика. Брендот како акцент, не како тежина.
   ========================================================================== */

:root {
  /* --- Brand accents (used sparingly) --- */
  --dm-red: #D11525;            /* primary accent — buttons, links, marks */
  --dm-red-dark: #A80F1C;       /* hover */
  --dm-red-soft: #F7DADD;       /* faint tint for backgrounds/badges */
  --dm-gold: #C79A2E;           /* rare secondary accent (muted, not bright) */
  --dm-gold-soft: #F5EDD8;

  /* --- Ink & neutrals (the real workhorses) --- */
  --dm-ink: #14171C;            /* headings, near-black */
  --dm-ink-80: #2C333B;         /* body-strong */
  --dm-slate: #5A636E;          /* body / secondary text */
  --dm-slate-40: #8A929C;       /* muted captions */
  --dm-line: #E4E7EC;           /* hairline dividers, borders */
  --dm-line-strong: #CDD3DA;

  /* --- Surfaces (light) --- */
  --dm-bg: #FFFFFF;             /* base page */
  --dm-surface: #F7F8FA;        /* alternating sections */
  --dm-surface-2: #EEF1F5;      /* deeper panel */
  --dm-ink-panel: #14171C;      /* rare dark band (stats) */

  /* --- Typography --- */
  --dm-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;   /* serif headings */
  --dm-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --dm-font-mono: 'IBM Plex Mono', 'Space Mono', ui-monospace, monospace;

  /* type scale (fluid) */
  --dm-fs-hero: clamp(2.6rem, 1.6rem + 4.4vw, 4.6rem);
  --dm-fs-h1: clamp(2.1rem, 1.5rem + 2.6vw, 3.2rem);
  --dm-fs-h2: clamp(1.7rem, 1.3rem + 1.8vw, 2.4rem);
  --dm-fs-h3: clamp(1.2rem, 1.05rem + 0.7vw, 1.45rem);
  --dm-fs-lead: clamp(1.075rem, 1rem + 0.35vw, 1.2rem);
  --dm-lh-tight: 1.08;
  --dm-lh-body: 1.7;

  /* --- Layout --- */
  --dm-container: 1200px;
  --dm-container-wide: 1320px;
  --dm-gutter: clamp(1.25rem, 4vw, 3rem);
  --dm-section-y: clamp(4rem, 7vw, 7rem);
  --dm-header-h: 76px;

  /* --- Radius (small, restrained — institutional) --- */
  --dm-radius-sm: 6px;
  --dm-radius: 10px;
  --dm-radius-lg: 14px;

  /* --- Shadows (soft, subtle) --- */
  --dm-shadow-xs: 0 1px 2px rgba(20,23,28,.05);
  --dm-shadow-sm: 0 2px 8px rgba(20,23,28,.06);
  --dm-shadow-md: 0 10px 30px rgba(20,23,28,.08);
  --dm-shadow-lg: 0 24px 60px rgba(20,23,28,.10);

  /* --- Motion --- */
  --dm-ease: cubic-bezier(.22,.61,.36,1);
  --dm-dur: .5s;
}