/* Tartiflette Design System tokens (copied verbatim from the design system) */
/* colors.css */
/* Palette "Reblochon, brighter rind" */
:root{
--cream:#F5ECD9;--cream-2:#EDE1C8;--paper:#FBF6EA;
--ink:#22201D;--muted:#5E574D;--rule-soft:#CFC3AA;
--brick:#B8352C;--brick-dark:#98291F;
--saffron:#E0A31E;--saffron-dark:#C68B10;
--glacier:#DDE8EC;--glacier-2:#C7D8DE;
--piste-green:#2E7A4B;--piste-blue:#1F5B9E;--piste-red:#B8352C;--piste-black:#22201D;
--scrim:rgba(34,32,29,.55);

--surface-page:var(--cream);--surface-card:var(--paper);--surface-sunken:var(--cream-2);--surface-data:var(--glacier);--surface-inverse:var(--ink);
--text-body:var(--ink);--text-muted:var(--muted);--text-inverse:var(--cream);--text-emphasis:var(--brick);--text-link:var(--ink);--text-link-hover:var(--brick);
--border-strong:var(--ink);--border-soft:var(--rule-soft);
--action-primary:var(--brick);--action-primary-hover:var(--brick-dark);--action-primary-text:var(--cream);
--highlight:var(--saffron);--highlight-text:var(--ink);
--focus-ring:var(--saffron);
--danger:var(--brick);
}

/* typography.css */
:root{
--font-wordmark:'Kirang Haerang',system-ui,sans-serif;
--font-display:'Instrument Serif',Georgia,serif;
--font-body:'Spectral',Georgia,serif;
--font-ui:'Instrument Sans',system-ui,sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,monospace;

--display-xxl:120px;--display-xl:96px;--display-l:72px;--display-m:56px;--display-s:40px;--heading-l:32px;--heading-m:26px;--heading-s:22px;
--display-leading:.98;--display-tracking:-.01em;

--body-l:19px;--body-m:17px;--body-s:16px;--body-leading:1.62;--measure:64ch;

--ui-l:14px;--ui-m:13px;--ui-s:11px;--ui-tracking:.1em;--ui-tracking-wide:.12em;--ui-tracking-tight:.08em;

--mono-l:14px;--mono-m:13px;--mono-s:12px;

--text-headline:400 var(--display-m)/var(--display-leading) var(--font-display);
--text-standfirst:italic 400 var(--body-l)/1.5 var(--font-body);
--text-body-font:400 var(--body-m)/var(--body-leading) var(--font-body);
--text-label:700 var(--ui-s)/1 var(--font-ui);
--text-data:400 var(--mono-m)/1.4 var(--font-mono);
}

/* spacing.css */
:root{
--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;
--layout-max:1240px;--layout-article:760px;--layout-columns:12; /* @kind other */
--layout-gutter:24px;--layout-margin:48px;
--radius-0:0;--radius-sm:2px;--radius-md:4px;--radius-round:999px;
--keyline:2px;--hairline:1px;
}

/* effects.css */
:root{
--shadow-hard-sm:2px 2px 0 var(--ink);
--shadow-hard:4px 4px 0 var(--ink);
--shadow-hard-lg:6px 6px 0 var(--ink);
--shadow-modal:0 24px 60px rgba(34,32,29,.30);
--dur-fast:140ms; /* @kind other */
--dur:180ms; /* @kind other */
--dur-slow:220ms; /* @kind other */
--ease:cubic-bezier(.3,0,.2,1); /* @kind other */
--wordmark-rotate:-3deg; /* @kind other */
}

/* base.css */
.tf-root,.tf-root *{box-sizing:border-box}
.tf-root{background:var(--surface-page);color:var(--text-body);font:var(--text-body-font);-webkit-font-smoothing:antialiased}
.tf-root a{color:var(--text-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease)}
.tf-root a:hover{color:var(--text-link-hover)}
.tf-root :focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.tf-root ::selection{background:var(--saffron);color:var(--ink)}
.tf-h{font-family:var(--font-display);font-weight:400;line-height:var(--display-leading);letter-spacing:var(--display-tracking);margin:0;text-wrap:balance}
.tf-h em{color:var(--brick)}
.tf-label{font:var(--text-label);letter-spacing:var(--ui-tracking);text-transform:uppercase}
.tf-data{font:var(--text-data)}
.tf-prose{font:var(--text-body-font);max-width:var(--measure);text-wrap:pretty}
.tf-prose p{margin:0 0 1em}