46 lines
1.5 KiB
CSS
46 lines
1.5 KiB
CSS
/* ============================================================
|
|
ChicoryTV — Typography tokens
|
|
UI sans: Geist. Numerics/times/durations: Geist Mono (tabular).
|
|
============================================================ */
|
|
:root {
|
|
--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
--font-mono: "Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
|
|
|
|
/* Type scale (px) — dense admin, base 13 */
|
|
--text-2xs: 11px; /* micro labels, table meta */
|
|
--text-xs: 12px; /* secondary, chips */
|
|
--text-sm: 13px; /* body / table cells — the workhorse */
|
|
--text-md: 14px; /* emphasized body, inputs */
|
|
--text-lg: 16px; /* card titles */
|
|
--text-xl: 20px; /* page titles */
|
|
--text-2xl: 26px; /* dashboard stat numbers */
|
|
--text-3xl: 34px; /* hero / big metrics */
|
|
|
|
/* Weights */
|
|
--weight-normal: 400;
|
|
--weight-medium: 500;
|
|
--weight-semibold: 600;
|
|
--weight-bold: 700;
|
|
|
|
/* Line heights */
|
|
--leading-tight: 1.2;
|
|
--leading-snug: 1.35;
|
|
--leading-normal: 1.5;
|
|
|
|
/* Letter spacing */
|
|
--tracking-tight: -0.01em;
|
|
--tracking-normal: 0;
|
|
--tracking-wide: 0.02em;
|
|
--tracking-caps: 0.06em; /* uppercase eyebrows / section labels */
|
|
|
|
/* Tabular numerals — apply to any numeric/time/duration cell */
|
|
--numeric-feature: "tnum" 1, "zero" 1; /* @kind other */
|
|
}
|
|
|
|
/* Utility: tabular figures for numbers, times, durations */
|
|
.ctv-num {
|
|
font-family: var(--font-mono);
|
|
font-feature-settings: var(--numeric-feature);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|