/* Alcyone — tokens du design system (source : projet Claude Design « Alcyone Design System ») */

/* Webfonts self-hostées — subset latin, woff2 variables */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 600;font-display:swap;src:url('../fonts/cormorant-garamond-var.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-italic-var.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 500;font-display:swap;src:url('../fonts/jost-var.woff2') format('woff2');}

:root{
/* Base — palette Alcyone */
--encre:#133558;            /* encre marine : bleu marine profond, couleur d'institution */
--encre-2:#1B4677;          /* encre éclaircie : hovers sur fond sombre */
--ecume:#FAF6EE;            /* écume : blanc cassé chaud, fond de page */
--ecume-2:#FFFDF8;          /* écume claire : surfaces posées sur la page */
--sable:#EAE0CD;            /* sable : surface d'accent calme, bandeaux */
--sable-2:#F2EBDC;          /* sable clair */
--terre:#A4502F;            /* terre cuite : accent unique (liens, boutons) */
--terre-2:#84391D;          /* terre cuite foncée : hover/press */
--mer:#39656C;              /* vert lagune assourdi : usage rare, data/tags */
/* Sémantique */
--text-1:var(--encre);
--text-2:rgba(19,53,88,.64);
--text-3:rgba(19,53,88,.42);
--text-inverse:var(--ecume);
--text-inverse-2:rgba(250,246,238,.68);
--surface-page:var(--ecume);
--surface-card:var(--ecume-2);
--surface-band:var(--sable-2);
--surface-dark:var(--encre);
--accent:var(--terre);
--accent-hover:var(--terre-2);
--line:rgba(19,53,88,.16);
--line-strong:rgba(19,53,88,.34);
--line-inverse:rgba(250,246,238,.24);
--focus-ring:2px solid var(--terre);
--scrim:linear-gradient(180deg,rgba(19,53,88,.42) 0%,rgba(19,53,88,0) 34%,rgba(19,53,88,0) 55%,rgba(19,53,88,.5) 100%);

/* Familles : 2 seulement */
--font-display:'Cormorant Garamond',Georgia,serif; /* titres, chiffres, citations */
--font-sans:'Jost','Futura',system-ui,sans-serif;  /* UI, labels, corps */
/* Échelle */
--fs-hero:clamp(44px,7vw,88px);
--fs-h1:clamp(36px,5vw,60px);
--fs-h2:clamp(28px,3.4vw,40px);
--fs-h3:26px;
--fs-quote:clamp(26px,3vw,36px);
--fs-lead:19px;
--fs-body:16px;
--fs-ui:14px;
--fs-label:12px;
--fs-caption:12px;
/* Réglages */
--lh-display:1.04;
--lh-heading:1.15;
--lh-body:1.65;
--ls-caps:.16em;
--ls-caps-wide:.24em;
--fw-display:500;
--fw-display-strong:600;
--fw-sans:400;
--fw-sans-medium:500;
--fw-sans-light:300;
/* Alias sémantiques */
--text-hero:var(--fw-display) var(--fs-hero)/var(--lh-display) var(--font-display);
--text-h2:var(--fw-display) var(--fs-h2)/var(--lh-heading) var(--font-display);
--text-body:var(--fw-sans) var(--fs-body)/var(--lh-body) var(--font-sans);
--text-label:var(--fw-sans-medium) var(--fs-label)/1.4 var(--font-sans);

/* Espacement — base 4 */
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;
--section-y:clamp(64px,10vw,128px);
--container:1280px;
--container-narrow:760px;
--gutter:clamp(20px,4vw,48px);
/* Rayons — architecture droite, presque aucun arrondi */
--radius-0:0px;
--radius-input:2px;
--radius-pill:999px;

/* Ombres — quasi absentes */
--shadow-0:none;
--shadow-1:0 1px 2px rgba(19,53,88,.06);
--shadow-2:0 16px 48px -12px rgba(19,53,88,.18);
/* Mouvement — lent, feutré, jamais de rebond */
--ease:cubic-bezier(.25,.1,.25,1);
--dur-fast:180ms;
--dur:320ms;
--dur-slow:700ms;
}