/*
Theme Name:   CCN Child
Description:  Thème enfant d'Astra pour le Country Club Nantais.
Author:       Country Club Nantais
Template:     astra
Version:      1.2.0
Text Domain:  ccn-child
*/

/* ==========================================================================
   Police Urbanist, hébergée localement (sous-ensemble latin)
   ========================================================================== */

@font-face {
	font-family: "Urbanist";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("assets/fonts/urbanist-latin-300-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Urbanist";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/urbanist-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Urbanist";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("assets/fonts/urbanist-latin-500-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Urbanist";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("assets/fonts/urbanist-latin-700-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==========================================================================
   Variables de la charte graphique (CHARTE-GRAPHIQUE.md, section 9)
   ========================================================================== */

:root {
	--font: "Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--ink: #111111;
	--white: #FFFFFF;
	--cream: #F5F0E8;
	--sand: #DDD3C4;
	--stone: #6B655C;
	--graphite: #444444;
	--success: #2F6B4F;
	--error: #B3261E;

	--terre-50: #FBF1EA;
	--terre-100: #F8E9E0;
	--terre-200: #EFCDB8;
	--terre-300: #E3A98A;
	--terre-400: #D4855A;
	--terre-500: #C4622D;
	--terre-600: #B8541F;
	--terre-700: #A34A19;
	--terre-800: #7A3712;
	--terre-900: #4E230B;

	--petrole-50: #F1F6F9;
	--petrole-100: #E6EEF2;
	--petrole-200: #C6D8E1;
	--petrole-300: #9CBACA;
	--petrole-400: #6F97AC;
	--petrole-500: #46758E;
	--petrole-600: #2F5F79;
	--petrole-700: #1D4A63;
	--petrole-800: #163A4F;
	--petrole-900: #0E2634;

	/* Ambiance neutre par défaut */
	--accent: var(--terre-600);
	--accent-hover: var(--terre-700);
	--tint: #F8F7F5;

	/* Design system (DESIGN-SYSTEM-SITE-CCN.md, mesuré sur anry.io) */
	--page: #FCFCFB;
	--surface: #F8F7F5;
	--line: #E3E3E4;
	--text: #303030;
	--text-soft: #686D73;

	--title-transform: none;
	--title-tracking-h1: -0.031em;
	--title-tracking-h2: -0.02em;

	--radius-btn: 6px;
	--radius-card: 16px;
	--radius-media: 12px;
	--radius-field: 6px;

	--s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 80px; --s-10: 120px;

	--ease: cubic-bezier(0.22, 1, 0.36, 1);
	--content-max: 1440px;
	--wide-max: 1440px;
	--gutter: 20px;
	--sec-pad: 56px;
	--block-gap: 32px;
	--grid-gap: 16px;
	--col-gap: 40px;
}
@media (min-width: 640px) { :root { --gutter: 32px; --sec-pad: 64px; --block-gap: 48px; --grid-gap: 24px; } }
@media (min-width: 1024px) { :root { --gutter: 48px; --sec-pad: 80px; --block-gap: 64px; --grid-gap: 24px; --col-gap: 96px; } }

/* Ambiances par section (classe sur body) */
body.theme-neutral {
	--accent: var(--terre-600);
	--accent-hover: var(--terre-700);
	--tint: #F8F7F5;
}

body.theme-tennis {
	--accent: var(--terre-600);
	--accent-hover: var(--terre-700);
	--tint: var(--terre-100);
}

body.theme-pickleball {
	--accent: var(--petrole-700);
	--accent-hover: var(--petrole-800);
	--tint: var(--petrole-100);
}

/* ==========================================================================
   Police appliquée à tout le site
   ========================================================================== */

body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font);
}