/*
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.0.0
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: #F5F5F5;
	--ogc-text: var(--ogc-text-primary);
	--ogc-text-muted: var(--text-secondary);
	--ogc-text-on-accent: var(--text-on-accent);

	/* 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 */
	--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);

	/* 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;
}

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

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background-color: var(--ogc-bg);
	color: var(--ogc-text-primary);
	font-family: var(--ogc-font-body);
	line-height: 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: 700;
	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);
}