/* mysoulcast — design tokens (source : claude.ai/design projet 66e7f8e9, fichiers tokens/*.css) */
@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300..700;1,6..72,300..700&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");
:root{
--ivoire-50:#FBF8F3;--ivoire-100:#F6F1E9;--ivoire-200:#EFE6D8;--ivoire-300:#E3D6C2;
--taupe-400:#B9A993;--taupe-500:#8C7C6B;--taupe-600:#6B5E52;
--nuit-700:#3A302A;--nuit-800:#2A221D;--nuit-900:#1D1714;
--argile-100:#F3E1D6;--argile-300:#D98E6E;--argile-500:#A4492A;--argile-600:#8A3B20;
--ocre-200:#EBD5AE;--ocre-400:#D2A864;--ocre-600:#8E6A2E;
--sauge-600:#4D6B4A;--sauge-100:#E3EADD;--erreur-600:#9C2F2F;--erreur-100:#F4DEDA;
--bg-page:var(--ivoire-100);--bg-sunk:var(--ivoire-200);--bg-inverse:var(--nuit-900);
--surface-card:var(--ivoire-50);--surface-raised:#FFFDF9;--surface-inverse:var(--nuit-800);
--text-strong:var(--nuit-900);--text-body:var(--nuit-800);--text-muted:var(--taupe-600);
--text-on-inverse:var(--ivoire-100);--text-on-inverse-muted:#BFB2A2;
--accent:var(--argile-500);--accent-hover:var(--argile-600);--accent-tint:var(--argile-100);--text-on-accent:#FFFDF9;
--accent-on-dark:var(--ocre-400);--accent-on-dark-hover:var(--ocre-200);
--border:rgba(29,23,20,.14);--border-strong:rgba(29,23,20,.32);--border-on-inverse:rgba(246,241,233,.16);
--focus-ring:0 0 0 3px rgba(164,73,42,.28);
--success:var(--sauge-600);--success-tint:var(--sauge-100);--error:var(--erreur-600);--error-tint:var(--erreur-100);
--font-serif:"Newsreader","Iowan Old Style",Georgia,serif;
--font-sans:"Instrument Sans","Helvetica Neue",system-ui,sans-serif;
--fs-numeral:168px;--fs-display-xl:88px;--fs-display:64px;--fs-h1:48px;--fs-h2:36px;--fs-h3:26px;--fs-h4:21px;
--fs-body-l:19px;--fs-body:17px;--fs-body-s:15px;--fs-caption:13px;--fs-eyebrow:12px;
--lh-tight:1.02;--lh-heading:1.12;--lh-snug:1.3;--lh-body:1.6;
--tracking-display:-0.02em;--tracking-heading:-0.01em;--tracking-eyebrow:0.16em;
--fw-regular:400;--fw-medium:500;--fw-semibold:600;
--type-display:var(--fw-regular) var(--fs-display)/var(--lh-tight) var(--font-serif);
--type-h1:var(--fw-regular) var(--fs-h1)/var(--lh-heading) var(--font-serif);
--type-h2:var(--fw-regular) var(--fs-h2)/var(--lh-heading) var(--font-serif);
--type-h3:var(--fw-regular) var(--fs-h3)/var(--lh-snug) var(--font-serif);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
--type-body-s:var(--fw-regular) var(--fs-body-s)/1.55 var(--font-sans);
--type-label:var(--fw-medium) var(--fs-body-s)/1.3 var(--font-sans);
--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-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;
--container:1180px;--container-narrow:720px;--gutter:24px;--section-y:var(--space-9);
--shadow-paper:0 1px 2px rgba(29,23,20,.06),0 12px 32px -12px rgba(29,23,20,.18);
--shadow-float:0 2px 6px rgba(29,23,20,.08),0 24px 48px -20px rgba(29,23,20,.28);
--ease-out:cubic-bezier(.22,.61,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
--dur-fast:140ms;--dur-base:240ms;--dur-slow:420ms;
--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.11 0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg-page);color:var(--text-body);font:var(--type-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--font-serif);font-weight:var(--fw-regular);color:var(--text-strong);letter-spacing:var(--tracking-heading);margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent-hover)}
::selection{background:var(--argile-100);color:var(--nuit-900)}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}