@font-face{font-family:'Cinzel';font-weight:400 900;font-style:normal;font-display:swap;src:url('../fonts/cinzel.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-weight:300 700;font-style:normal;font-display:swap;src:url('../fonts/montserrat.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-weight:400 600;font-style:normal;font-display:swap;src:url('../fonts/cormorant-garamond.woff2') format('woff2');}

:root{
/* base palette — sampled from als-wallpaper-final.JPG */
--brown-950:#121212;
--brown-900:#211703;
--brown-800:#2b1e05;
--brown-700:#3a2a08;
--brown-600:#4d380c;
--gold-0:#e0c99e;
--gold:#ecdbb8;
--gold-white:#ffffff;
--gold-100:#f7ecc9;
--gold-200:#efdca0;
--gold-300:#e8cb7e;
--gold-400:#d9b666;
--gold-500:#c9a24f;
--gold-600:#ab8640;
--gold-700:#8a6a2e;
--gold-800:#6c5322;
--cream:#ede4d0;    
--cream-dim:#ffffff;


/* semantic aliases */
--bg-page:var(--brown-900);
--bg-page-deep:var(--brown-950);
--bg-surface:var(--gold-white);
--bg-surface-raised:var(--brown-700);
--border-subtle:color-mix(in oklch, var(--gold-700) 45%, transparent);
--border-strong:var(--gold-500);

--text-display:var(--brown-700);
--text-heading:var(--gold-300);
--text-body:var(--cream);
--text-body-dim:var(--cream-dim);
--text-on-gold:var(--brown-950);
--text-link:var(--brown-950);
--text-link-hover:var(--gold-200);
--text-body-dim: color-mix(in oklch, var(--brown-700) 75%, transparent);

--accent-gold:var(--gold-500);
--accent-gold-strong:var(--gold-300);
--glow-gold:color-mix(in oklch, var(--gold-400) 55%, transparent);

--btn-primary-bg:linear-gradient(180deg,var(--gold-300),var(--gold-600));
--btn-primary-bg-hover:linear-gradient(180deg,var(--gold-200),var(--gold-500));
--btn-primary-text:var(--brown-950);
--btn-outline-border:var(--gold-500);
--btn-outline-text:var(--gold-300);

--font-display:'Cinzel', 'Times New Roman', serif;
--font-body-serif:'Cormorant Garamond', Georgia, serif;
--font-sans:'Montserrat', Arial, sans-serif;

--text-hero:clamp(2.75rem,6vw,5.5rem);
--text-h1:clamp(2.25rem,4vw,3.5rem);
--text-h2:clamp(1.75rem,3vw,2.5rem);
--text-h3:1.375rem;
--text-body-lg:1.125rem;
--text-body:1rem;
--text-small:0.8125rem;
--text-eyebrow:0.8125rem;

--tracking-tight:0;
--tracking-wide:0.08em;
--tracking-wider:0.18em;
--tracking-widest:0.3em;

--leading-tight:1.1;
--leading-snug:1.3;
--leading-normal:1.6;
--leading-relaxed:1.8;

--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-pill:999px;
--container-max:1200px;
--shadow-card:0 20px 40px -18px rgba(0,0,0,0.65), 0 1px 0 rgba(255,220,150,0.06) inset;
--shadow-gold-glow:0 0 32px var(--glow-gold);
--ease-slow:cubic-bezier(.22,.61,.36,1);
--duration-slow:600ms;
--duration-med:350ms;
}