/*
Theme Name: INFayette Resonance Theme
Theme URI: https://infayettedems.org
Description: Homepage restoration from recovered React/Vite frontend
Version: 4.0
Text Domain: infayette-resonance
*/

@import url("./assets/css/tokens.css");

html,
body{
margin:0;
padding:0;
}

body{

background:
linear-gradient(
135deg,
var(--color-primary-dark),
var(--color-primary),
var(--color-primary-dark)
);

color:#fff;

font-family:
system-ui,
sans-serif;

}

.res-container{

max-width:
var(--container);

margin:auto;

padding:
0 24px;

}

.res-nav{

padding:
28px 0;

}

.res-nav .res-container{

display:flex;

justify-content:space-between;

align-items:center;

}

.brand{

font-size:1.4rem;

font-weight:700;

}

nav{

display:flex;

gap:24px;

}

nav a{

color:white;

text-decoration:none;

}

.hero{

padding:
120px 0 80px;

}

.hero h1{

font-size:
clamp(
3rem,
7vw,
5rem
);

margin-bottom:
16px;

}

.hero-tagline{

color:
var(--color-accent);

font-size:
1.35rem;

}

.hero-copy{

max-width:
700px;

opacity:.92;

}

.res-card{

max-width:
var(--container);

margin:
48px auto;

padding:
48px;

border-radius:
var(--radius-xl);

background:
rgba(
255,
255,
255,
.06
);

box-shadow:
var(--shadow);

}

.res-button{

display:inline-block;

padding:
14px 24px;

background:
var(--color-primary-light);

color:white;

border-radius:
var(--radius-lg);

text-decoration:none;

}