@keyfunc/keybricks-ds 1.0.0

package/tokens/typography.css

@@ -0,0 +1,22 @@
+/* Keybricks typography tokens — sizes/tracking verbatim from the .fig */
+:root{
+--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
+--font-mono:Menlo,ui-monospace,'SF Mono',Consolas,monospace;
+/* size / line-height / letter-spacing pairs */
+--text-2xs:10px;--leading-2xs:12.5px;--tracking-2xs:.117px;      /* palette tile labels */
+--text-xs:11px;--leading-xs:16.5px;--tracking-xs:.064px;         /* table cells, captions, step labels */
+--text-sm:12px;--leading-sm:18px;--tracking-sm:0;                /* form labels, inputs, chips, meta */
+--text-base:13px;--leading-base:19.5px;--tracking-base:-.076px;  /* default UI text, buttons, nav */
+--text-md:14px;--leading-md:21px;--tracking-md:-.15px;           /* section headings, panel titles */
+--text-lg:15px;--leading-lg:22.5px;--tracking-lg:-.234px;        /* page titles, wordmark */
+--text-xl:20px;--leading-xl:30px;--tracking-xl:-.449px;          /* greeting heading */
+--text-num:24px;--leading-num:32px;--tracking-num:.07px;         /* stat numbers (weight 300) */
+/* Extended display scale — extrapolated from the file's own size→tracking curve (≈ −.0225px per size px) */
+--text-2xl:24px;--leading-2xl:31px;--tracking-2xl:-.54px;        /* modal/page hero headings */
+--text-3xl:30px;--leading-3xl:37px;--tracking-3xl:-.67px;        /* marketing/report headings */
+--text-4xl:36px;--leading-4xl:43px;--tracking-4xl:-.81px;        /* dashboard hero numbers */
+--text-display:48px;--leading-display:54px;--tracking-display:-1.08px; /* slides, covers */
+--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;
+}
+body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased}
+a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}