/* Foodnoms design system — global site chrome
   Source: https://styles.refero.design/style/1e7dae3b-cb34-4fcf-8c32-051152aebbab */

:root {
	--color-ember-orange: #ff5406;
	--color-verdant-green: #00b33f;
	--color-signal-red-orange: #ff3400;
	--color-sky-blue: #00a9dd;
	--color-mist-blue: #72a2c5;
	--color-sunset-orange: #ff6d00;
	--color-amber: #945300;
	--color-alert-red: #ff001e;
	--color-plum: #bd4be5;
	--color-iris: #5856de;
	--color-electric-blue: #0099f9;
	--color-graphite: #2f2f2f;
	--color-charcoal: #000000;
	--color-fog: #f5f5f5;
	--color-paper-white: #ffffff;

	--font-foodnoms: 'DM Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	--radius-3xl: 26px;

	--spacing-8: 8px;
	--spacing-24: 24px;
	--spacing-32: 32px;
	--spacing-40: 40px;
	--spacing-48: 48px;
	--spacing-56: 56px;
	--spacing-64: 64px;
	--spacing-96: 96px;

	--page-max-width: 1200px;
}

/* Base */
html {
	background: var(--color-paper-white);
}

/* The homepage's own hero heading replaces the auto-rendered page title */
body.home .wp-block-post-title {
	display: none;
}

body {
	background: var(--color-paper-white);
	color: var(--color-graphite);
	font-family: var(--font-foodnoms);
	font-size: 16px;
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-foodnoms);
	font-weight: 700;
	color: var(--color-graphite);
	line-height: 1.2;
}

/* Flat system — no shadows anywhere */
* {
	box-shadow: none !important;
}

/* Site header */
.wp-block-template-part.header,
header.wp-block-template-part {
	background: var(--color-paper-white);
}

.wp-block-site-title a {
	font-family: var(--font-foodnoms);
	font-weight: 700;
	color: var(--color-graphite);
	text-decoration: none;
}

.wp-block-site-tagline {
	color: var(--color-graphite);
	opacity: 0.65;
}

/* Ghost nav links — plain text, no underline, orange on hover */
.wp-block-navigation a,
.wp-block-navigation__submenu-container a {
	font-family: var(--font-foodnoms);
	font-weight: 500;
	color: var(--color-graphite);
	text-decoration: none;
	border-radius: var(--radius-3xl);
}

.wp-block-navigation a:hover {
	color: var(--color-ember-orange);
}

.wp-block-navigation__submenu-container {
	background: var(--color-paper-white);
	border-radius: var(--radius-3xl);
	border: 1px solid var(--color-fog);
}

/* Footer */
.wp-block-template-part.footer,
footer.wp-block-template-part {
	background: var(--color-fog);
	color: var(--color-graphite);
}

.wp-block-template-part.footer a,
footer.wp-block-template-part a {
	color: var(--color-graphite);
	text-decoration: none;
}

.wp-block-template-part.footer a:hover,
footer.wp-block-template-part a:hover {
	color: var(--color-ember-orange);
}

/* Links */
a {
	color: var(--color-ember-orange);
}

a:hover {
	color: var(--color-signal-red-orange);
}

/* Buttons — filled Ember Orange, 26px radius, no shadow, per the Do's/Don'ts */
.wp-block-button__link,
button,
input[type="submit"],
input[type="button"] {
	background: var(--color-ember-orange);
	color: var(--color-paper-white);
	font-family: var(--font-foodnoms);
	font-weight: 600;
	border: none;
	border-radius: var(--radius-3xl);
	padding: 12px 24px;
	cursor: pointer;
}

.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background: var(--color-signal-red-orange);
	color: var(--color-paper-white);
}

/* Text inputs — 26px radius per the system's input token, flat border */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="search"],
textarea,
select {
	font-family: var(--font-foodnoms);
	border: 1px solid var(--color-fog);
	border-radius: var(--radius-3xl);
	background: var(--color-paper-white);
	color: var(--color-graphite);
	padding: 12px 20px;
}

input:focus,
textarea:focus,
select:focus {
	outline: 2px solid var(--color-ember-orange);
	outline-offset: 1px;
}

/* Generic cards / soft containers */
.wp-block-group.is-style-fog,
.wp-block-cover {
	background: var(--color-fog);
	border-radius: var(--radius-3xl);
	padding: var(--spacing-32);
}