/* Mandaway - charte graphique « Nocturne - clair » (2a). Source unique des tokens. */

/* --- Polices auto-hébergées (woff2, subset latin) --- */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(/_fonts/spacegrotesk.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(/_fonts/instrumentsans.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/_fonts/ibmplexmono-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/_fonts/ibmplexmono-500.woff2) format('woff2')}

:root{
  /* Typographie */
  --font:'Instrument Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Space Grotesk',var(--font);
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  /* Accent bleu électrique + dégradés */
  --brand:#4f7cff;
  --brand-dark:#3a5bef;
  --brand-strong:#2a4bff;
  --brand-100:#dbe4ff;
  --brand-soft:#eef3ff;
  --grad:linear-gradient(135deg,#5b83ff,#3a5bef);
  --grad-cta:linear-gradient(150deg,#3a5bef,#2a4bff);

  /* Encres & textes */
  --ink:#12172a;
  --ink-soft:#59617a;
  --ink-2:#2a3350;
  --muted:#8a92a8;
  --faint:#b6bfd2;

  /* Fonds & lignes */
  --bg:#f7f9fd;
  --bg-alt:#eef2fa;
  --bg-soft:#f7f9fd;
  --card:#ffffff;
  --surface:#ffffff;
  --line:#e5eaf3;
  --line-2:#eef2fa;

  /* États */
  --ok:#0f9d6b;
  --warn:#b45309;
  --err:#dc2626;
  --info:#3a5bef;

  /* Rayons */
  --radius:16px;
  --radius-lg:20px;
  --radius-sm:11px;
  --radius-xs:8px;

  /* Ombres - douces, bleutées */
  --shadow-sm:0 10px 30px -22px rgba(30,50,90,.28);
  --shadow:0 14px 40px -22px rgba(30,50,90,.34);
  --shadow-lg:0 40px 90px -34px rgba(30,50,90,.42);
  --shadow-brand:0 14px 34px -8px rgba(79,124,255,.5);
  --ring:0 0 0 4px rgba(79,124,255,.22);

  --maxw:1140px;
}

html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background:#4f7cff;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ring)}

/* Logo lockup (remplace l'ancien glyphe ◆ dans les headers) */
.brand-logo{display:block;height:42px;width:auto;flex:0 0 auto}
@media(max-width:520px){.brand-logo{height:34px}}