/*
 * IAscension theme for the CRM: palette, fonts and shapes of www.iascension.fr
 * (site/public/assets/css/site.css). Loaded after crm.css and /theme.css, so it only redefines
 * the brick's variables (see "Thème d'une instance" in the brick's README).
 * Text keeps AA contrast: buttons use the darker orange of config.php (app.theme.accent);
 * the bright site orange is never used under text.
 */

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('plus-jakarta-sans-variable.woff2') format('woff2');
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('inter-roman.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('inter-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Site tokens */
  --ias-ink: #1F2A37;
  --ias-slate: #5B6775;
  --ias-paper: #FBF8F4;
  --ias-paper-2: #F3EEE6;
  --ias-sand: #E6E1DA;
  --ias-sand-2: #D8D1C7;

  /* Fonts: Plus Jakarta Sans for titles and buttons, Inter for text, as on the site */
  --police-texte: 'Inter', system-ui, sans-serif;
  --police-titres: 'Plus Jakarta Sans', system-ui, sans-serif;
  --police-boutons: 'Plus Jakarta Sans', system-ui, sans-serif;
  --poids-titres: 700;
  --poids-boutons: 700;

  /* Surfaces: warm paper background, white cards, sand lines */
  --fond: var(--ias-paper);
  --carte: #FFFFFF;
  --surface-douce: var(--ias-paper-2);
  --bord: var(--ias-sand);
  --discret: var(--ias-slate);
  --ombre: 0 1px 2px rgba(31, 42, 55, 0.06), 0 10px 30px -22px rgba(31, 42, 55, 0.35);

  /* Shapes: large rounded cards, pill buttons, small radius on fields */
  --rayon: 14px;
  --rayon-bouton: 999px;
  --rayon-champ: 6px;
  --rayon-petit: 6px;

  /* Light header with the regular logo, like the site's header */
  --entete-fond: var(--ias-paper);
  --entete-texte: var(--ias-ink);
  --entete-survol: rgba(31, 42, 55, 0.06);
  --entete-actif: rgba(31, 42, 55, 0.10);
  --entete-ombre: 0 1px 0 var(--ias-sand);
  --logo-hauteur: 30px;
  --logo-hauteur-connexion: 48px;
}