/*
Theme Name:        DIDIKOM
Theme URI:         https://didikom.com
Author:            DIDIKOM Studio
Author URI:        https://didikom.com
Description:       Custom one-page theme for the DIDIKOM design studio — editorial aesthetic (cream, ink, warm accent), Three.js hero, GSAP/Lenis scroll experience. Built from scratch with security and Core Web Vitals as first-class concerns.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      7.0
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       didikom
Tags:              one-column, custom-logo, custom-menu, editor-style, translation-ready
*/

/*
 * NOTE: This file must stay in the theme root so WordPress can register
 * the theme. The actual site styles live in assets/css/main.css and are
 * enqueued from functions.php — keep this file limited to the header,
 * the theme settings (custom properties) and a minimal reset.
 */

/* ==========================================================================
   PODEŠAVANJA TEME — boje, fontovi i tipografska skala na jednom mestu
   ========================================================================== */

:root {
	/* ---------- BOJE ---------- */
	/*--bg: #f4f0e8;             /* glavna pozadina (krem) */
	--bg: #f0f0f1; 
	--bg-deep: #ece6da;        /* tamnija nijansa pozadine */
	--ink: #141310;            /* glavni tekst + tamni paneli */
	--ink-soft: #54504a;       /* sekundarni tekst */
	--line: rgba(20, 19, 16, .14);
	--accent: #e0561f;         /* akcentna boja */
	--accent-soft: #f0c9b4;    /* svetli akcenat na tamnim panelima */

	/* Boje 3D scene u heroju — JS ih čita odavde */
	--three-wire: #141310;
	--three-particles: #e0561f;

	/* ---------- FONTOVI ---------- */
	/* Display font usklađen sa logom (geometrijski sans) */
	--serif: "Sora", "Inter", sans-serif;
	--sans: "Inter", -apple-system, "Segoe UI", sans-serif;

	/* ---------- TIPOGRAFSKA SKALA ---------- */
	/* --fs-hero: clamp(52px, 9.5vw, 148px);*/
	--fs-hero: clamp(38px, 5vw, 96px);
	--fs-h2: clamp(38px, 5vw, 72px);
	--fs-h2-big: clamp(44px, 7vw, 110px);
	--fs-body: 16px;
}

/* ==========================================================================
   Minimal reset / base — everything else belongs in assets/css/main.css
   ========================================================================== */

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: auto;
}

body {
	background: var(--bg);
	color: var(--ink);
	font-family: var(--sans);
	font-size: var(--fs-body);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
	text-decoration: none;
}

/* Screen-reader helper used by templates (a11y) */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}