/*
Theme Name: Mira
Theme URI: https://mira.local/
Author: Mira
Author URI: https://mira.local/
Description: Custom WordPress theme for the Mira project, built with ACF Flexible Content blocks.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
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: mira
Tags: custom-logo, custom-menu, featured-images
*/

/* ==========================================================================
   Fonts — Proxima Nova
   ========================================================================== */

@font-face {
	font-family: 'Proxima Nova';
	src: url('assets/fonts/proxima-nova/ProximaNova-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('assets/fonts/proxima-nova/ProximaNova-Semibold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('assets/fonts/proxima-nova/ProximaNova-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   Brand identity
   ========================================================================== */

:root {
	/* Colors */
	--color-mira-blue: #0F7AC0;
	--color-vegetation-green: #3CA31D;
	--color-safety-orange: #E97132;
	--color-sky-blue: #1CA2E1;
	--color-industrial-grey: #9B9A9A;
	--color-iron-earth: #B84F20;
	--color-gold: #D6912D;
	--color-oxidised-copper: #2FA89E;
	--color-anthracite: #1F2931;
	--color-concrete: #D8D8D8;
	--color-mist: #F3F3F3;
	--color-white: #FFFFFF;
	--color-black: #000000;

	/* Shadows */
	--shadow-panel: rgba(31, 43, 53, 0.18);
	--shadow-inset: rgba(0, 0, 0, 0.1);
	--shadow-card: rgba(19, 34, 48, 0.03);
	--shadow-card-md: rgba(19, 34, 48, 0.04);

	/* Typography */
	--font-family-base: 'Proxima Nova', sans-serif;
	
	/* Layout */
	--container-max: 1440px;
	--container-gutter: 20px;
}

body {
	font-family: var(--font-family-base);
}

.container {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--container-gutter);
}