/*
Theme Name: OGC NewFinity
Theme URI: https://ogcnewfinity.com
Author: OGC NewFinity
Author URI: https://ogcnewfinity.com
Description: Custom WordPress theme for OGC NewFinity — Ethical Innovation digital agency based in The Hague, Netherlands.
Version: 1.26.14
Requires at least: 6.0
Tested up to: 6.7
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: ogc-newfinity
Tags: custom-logo, custom-menu, featured-images, translation-ready
*/

/* ==========================================================================
   Design tokens — color & typography (see docs/02-design-ui-guidelines.md)
   Overridable later via Theme Options / Customizer (docs/04).
   ========================================================================== */

:root {
	/* Colors */
	--bg-primary: #0A0A0A;
	--bg-panel: #141414;
	--border-accent: #FFD27A;
	--accent-gradient-start: #FFD27A;
	--accent-gradient-end: #FFEAC2;
	--text-primary: #F5F5F5;
	--text-secondary: #C9C9C9;
	--text-on-accent: #1A1200;

	/* Aliases used by header/footer/components */
	--ogc-bg: var(--bg-primary);
	--ogc-bg-panel: var(--bg-panel);
	--ogc-border: var(--border-accent);
	--ogc-accent-start: var(--accent-gradient-start);
	--ogc-accent-end: var(--accent-gradient-end);

	/* Body / non-interactive text (never use link orange for these) */
	--ogc-text-primary: var(--text-primary);
	--ogc-text: var(--ogc-text-primary);
	--ogc-text-muted: var(--text-secondary);
	--ogc-text-on-accent: var(--text-on-accent);

	/* H1 shimmer / underline swoosh mode — overridden by Customizer */
	--ogc-swoosh-mode: gradient;

	/* Links & interactive chrome */
	--ogc-link-color: #FFD27A;
	--ogc-link-hover: #FFEAC2;
	--ogc-btn-hover-bg: rgba(255, 210, 122, 0.16);
	--ogc-brand-rgb: 255, 210, 122;
	--ogc-brand-hover-rgb: 255, 234, 194;

	/* Typography — headings: Space Grotesk bold; body: Inter.
	   Theme Options overrides these via ogc_theme_options_css() in wp_head. */
	--font-heading: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--ogc-font-heading: var(--font-heading);
	--ogc-font-display: var(--font-heading); /* alias — keeps older refs working */
	--ogc-font-body: var(--font-body);
	--ogc-font-size-base: 16px;
	--ogc-heading-weight: 700;
	--ogc-body-weight: 400;
	--ogc-line-height-body: 1.6;
	--ogc-letter-spacing-heading: -0.02em;

	/* Layout / spacing */
	--ogc-radius: 12px;
	--ogc-radius-sm: 8px;
	--ogc-radius-pill: 999px;
	--ogc-container: 1200px;
	--ogc-header-height: 72px;
	--ogc-accent-bar-height: 5px;
	--ogc-transition: 0.2s ease;
	--ogc-grid-size: 72px;

	/* ------------------------------------------------------------------
	   Theme Options fallbacks (docs/04). inc/theme-options.php re-declares
	   these in wp_head from saved theme mods; the values here are the
	   zero-theme-mod look, so the site is identical before anything is saved.
	   Angles/lengths must keep their units when overridden.
	   ------------------------------------------------------------------ */

	/* Header */
	--ogc-header-logo-width-desktop: 40px;
	--ogc-header-logo-width-mobile: 40px;
	--ogc-header-bg: transparent;
	--ogc-header-bg-scrolled: rgba(10, 10, 10, 0.5);
	--ogc-header-text-color: var(--ogc-link-color);

	/* Footer — opaque like the option value; footer.css mixes it to 35% glass */
	--ogc-footer-logo-width: 54px;
	--ogc-footer-bg: #0A0A0A;

	/* Buttons & effects */
	--ogc-button-radius: var(--ogc-radius);
	--ogc-transition-speed: 0.2s;
	--ogc-gradient-angle: 145deg;
	--ogc-gradient-angle-active: 90deg;
	--ogc-focus-ring: var(--ogc-link-hover);
}

/* Minimal base reset — fuller styles live in assets/css/main.css */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	font-size: var(--ogc-font-size-base, 16px);
}

body {
	margin: 0;
	background-color: var(--ogc-bg);
	color: var(--ogc-text-primary);
	font-family: var(--ogc-font-body);
	font-weight: var(--ogc-body-weight, 400);
	line-height: var(--ogc-line-height-body, 1.6);
	-webkit-font-smoothing: antialiased;
	position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--ogc-font-heading);
	font-style: normal;
	font-weight: var(--ogc-heading-weight, 700);
	letter-spacing: var(--ogc-letter-spacing-heading, -0.02em);
	color: var(--ogc-text-primary);
}

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

a {
	color: var(--ogc-link-color);
	text-decoration: none;
	transition: color 0.15s ease;
}

a:hover,
a:focus-visible {
	color: var(--ogc-link-hover);
}

ul,
ol {
	margin: 0;
	padding: 0;
}

button {
	font-family: inherit;
}

p {
	color: var(--ogc-text-primary);
}