/* GENERATO da _dev/design-system/build-tokens.js · non modificare a mano (fonte: _dev/design-system/tokens.json)
   Livelli: primitivi (--color-night-850…) → semantici per modalità (--color-bg-canvas…) → componenti (in custom.css).
   Modalità: la superficie decide. Predefinita dark; .bg-paper / [data-tema="chiaro"] = light; .bg-green / [data-tema="brand"] = brand. */
:root {
  /* color.night */
  --color-night-400: #56655D;
  --rgb-night-400: 86 101 93;
  --color-night-500: #3A4740;
  --rgb-night-500: 58 71 64;
  --color-night-600: #2C3833;
  --rgb-night-600: 44 56 51;
  --color-night-650: #1F4A33;
  --rgb-night-650: 31 74 51;
  --color-night-700: #24302B;
  --rgb-night-700: 36 48 43;
  --color-night-750: #1E2A24;
  --rgb-night-750: 30 42 36;
  --color-night-800: #1B2621;
  --rgb-night-800: 27 38 33;
  --color-night-850: #17211D;
  --rgb-night-850: 23 33 29;
  --color-night-900: #111A16;
  --rgb-night-900: 17 26 22;
  --color-night-950: #0A0F0D;
  --rgb-night-950: 10 15 13;
  /* color.grey */
  --color-grey-50: #F7F9F8;
  --rgb-grey-50: 247 249 248;
  --color-grey-100: #DCE3DF;
  --rgb-grey-100: 220 227 223;
  --color-grey-300: #C9CFCB;
  --rgb-grey-300: 201 207 203;
  --color-grey-500: #8C9691;
  --rgb-grey-500: 140 150 145;
  --color-grey-600: #5A615C;
  --rgb-grey-600: 90 97 92;
  --color-grey-700: #3E4743;
  --rgb-grey-700: 62 71 67;
  --color-grey-800: #232B27;
  --rgb-grey-800: 35 43 39;
  /* color.sand */
  --color-sand-0: #FFFFFF;
  --rgb-sand-0: 255 255 255;
  --color-sand-25: #FFFDF9;
  --rgb-sand-25: 255 253 249;
  --color-sand-50: #F6F2EA;
  --rgb-sand-50: 246 242 234;
  --color-sand-100: #E9E3D8;
  --rgb-sand-100: 233 227 216;
  --color-sand-150: #E4DCCD;
  --rgb-sand-150: 228 220 205;
  --color-sand-200: #DDD5C7;
  --rgb-sand-200: 221 213 199;
  --color-sand-300: #CFC6B6;
  --rgb-sand-300: 207 198 182;
  --color-sand-600: #857E70;
  --rgb-sand-600: 133 126 112;
  /* color.green */
  --color-green-50: #E9FFF4;
  --rgb-green-50: 233 255 244;
  --color-green-75: #E3F1E8;
  --rgb-green-75: 227 241 232;
  --color-green-350: #7FC49D;
  --rgb-green-350: 127 196 157;
  --color-green-400: #2BE283;
  --rgb-green-400: 43 226 131;
  --color-green-500: #00CC66;
  --rgb-green-500: 0 204 102;
  --color-green-550: #10BE66;
  --rgb-green-550: 16 190 102;
  --color-green-600: #07AA58;
  --rgb-green-600: 7 170 88;
  --color-green-650: #009C4F;
  --rgb-green-650: 0 156 79;
  --color-green-800: #007A3D;
  --rgb-green-800: 0 122 61;
  --color-green-950: #153224;
  --rgb-green-950: 21 50 36;
  /* color.teal */
  --color-teal-400: #00B3AF;
  --rgb-teal-400: 0 179 175;
  --color-teal-500: #008C89;
  --rgb-teal-500: 0 140 137;
  --color-teal-700: #006B68;
  --rgb-teal-700: 0 107 104;
  --color-teal-950: #14322F;
  --rgb-teal-950: 20 50 47;
  /* color.clay */
  --color-clay-50: #F4E6DD;
  --rgb-clay-50: 244 230 221;
  --color-clay-300: #E8B79C;
  --rgb-clay-300: 232 183 156;
  --color-clay-350: #C79A80;
  --rgb-clay-350: 199 154 128;
  --color-clay-400: #D69A7B;
  --rgb-clay-400: 214 154 123;
  --color-clay-700: #8A5638;
  --rgb-clay-700: 138 86 56;
  --color-clay-800: #5C3A26;
  --rgb-clay-800: 92 58 38;
  --color-clay-950: #3A2A22;
  --rgb-clay-950: 58 42 34;
  /* color.lime */
  --color-lime-400: #8FD84B;
  --rgb-lime-400: 143 216 75;
  --color-lime-800: #4A7317;
  --rgb-lime-800: 74 115 23;
  /* color.discipline */
  --color-discipline-teal: #00857F;
  --rgb-discipline-teal: 0 133 127;
  --color-discipline-sky: #1E9BD7;
  --rgb-discipline-sky: 30 155 215;
  --color-discipline-mint: #5BC8A6;
  --rgb-discipline-mint: 91 200 166;
  --color-discipline-indigo: #4253B8;
  --rgb-discipline-indigo: 66 83 184;
  --color-discipline-taupe: #8A8174;
  --rgb-discipline-taupe: 138 129 116;
  /* color.holo */
  --color-holo-mint-50: #E9FFF4;
  --rgb-holo-mint-50: 233 255 244;
  --color-holo-mint-100: #C9F7DD;
  --rgb-holo-mint-100: 201 247 221;
  --color-holo-mint-150: #C6FADF;
  --rgb-holo-mint-150: 198 250 223;
  --color-holo-mint-200: #B6F9D2;
  --rgb-holo-mint-200: 182 249 210;
  --color-holo-mint-250: #A6F6CC;
  --rgb-holo-mint-250: 166 246 204;
  --color-holo-mint-300: #9AF4C5;
  --rgb-holo-mint-300: 154 244 197;
  --color-holo-mint-350: #8DF2BF;
  --rgb-holo-mint-350: 141 242 191;
  --color-holo-mint-400: #7BEBC0;
  --rgb-holo-mint-400: 123 235 192;
  --color-holo-mint-450: #6FE3A6;
  --rgb-holo-mint-450: 111 227 166;
  --color-holo-mint-500: #3FDB8C;
  --rgb-holo-mint-500: 63 219 140;
  --color-holo-mint-600: #22D47A;
  --rgb-holo-mint-600: 34 212 122;
  --color-holo-aqua-50: #D6FBF4;
  --rgb-holo-aqua-50: 214 251 244;
  --color-holo-aqua-200: #A6F0CF;
  --rgb-holo-aqua-200: 166 240 207;
  --color-holo-aqua-300: #6FE3C4;
  --rgb-holo-aqua-300: 111 227 196;
  --color-holo-aqua-500: #3FD6C9;
  --rgb-holo-aqua-500: 63 214 201;
  /* color.black */
  --color-black: #000000;
  --rgb-black: 0 0 0;
  /* color.white */
  --color-white: #FFFFFF;
  --rgb-white: 255 255 255;
  /* font.family */
  --font-display: Epic, "Golos Text", system-ui, sans-serif;
  --font-body: "Golos Text", system-ui, sans-serif;
  /* font.size */
  --text-2xs: 0.75rem;
  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-sm-plus: 0.9375rem;
  --text-control: 1rem;
  --text-base: 1.0625rem;
  --text-base-plus: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5625rem;
  --text-2xl: 1.9531rem;
  --text-3xl: 2.4414rem;
  --text-4xl: 3.0518rem;
  --text-5xl: 3.8147rem;
  --text-6xl: 4.7684rem;
  --text-7xl: 5.9605rem;
  /* font.leading */
  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-body: 1.6;
  /* font.tracking */
  --tracking-tight: -0.02em;
  --tracking-display: 0.03em;
  --tracking-label: 0.05em;
  --tracking-wide: 0.06em;
  --tracking-wider: 0.08em;
  --tracking-widest: 0.16em;
  /* font.weight */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  /* space.0 */
  --space-0: 0px;
  /* space.1 */
  --space-1: 4px;
  /* space.2 */
  --space-2: 8px;
  /* space.3 */
  --space-3: 12px;
  /* space.4 */
  --space-4: 16px;
  /* space.5 */
  --space-5: 20px;
  /* space.6 */
  --space-6: 24px;
  /* space.7 */
  --space-7: 28px;
  /* space.8 */
  --space-8: 32px;
  /* space.10 */
  --space-10: 40px;
  /* space.12 */
  --space-12: 48px;
  /* space.14 */
  --space-14: 56px;
  /* space.16 */
  --space-16: 64px;
  /* space.20 */
  --space-20: 80px;
  /* space.24 */
  --space-24: 96px;
  /* space.28 */
  --space-28: 112px;
  /* space.32 */
  --space-32: 128px;
  /* space.0-5 */
  --space-0-5: 2px;
  /* space.1-5 */
  --space-1-5: 6px;
  /* space.2-5 */
  --space-2-5: 10px;
  /* space.3-5 */
  --space-3-5: 14px;
  /* radius.xs */
  --radius-xs: 0.25rem;
  /* radius.sm */
  --radius-sm: 0.375rem;
  /* radius.md */
  --radius-md: 0.75rem;
  /* radius.lg */
  --radius-lg: 1rem;
  /* radius.xl */
  --radius-xl: 1.25rem;
  /* radius.2xl */
  --radius-2xl: 1.5rem;
  /* radius.3xl */
  --radius-3xl: 1.75rem;
  /* radius.4xl */
  --radius-4xl: 2rem;
  /* radius.full */
  --radius-full: 999px;
  /* shadow.1 */
  --shadow-1: 0 6px 14px -6px rgb(0 0 0 / .6);
  /* shadow.2 */
  --shadow-2: 0 12px 30px -12px rgb(0 0 0 / .6);
  /* shadow.3 */
  --shadow-3: 0 18px 40px -18px rgb(0 0 0 / .7);
  /* shadow.4 */
  --shadow-4: 0 24px 50px -24px rgb(0 0 0 / .8);
  /* shadow.5 */
  --shadow-5: 0 30px 60px -20px rgb(0 0 0 / .75);
  /* shadow.float */
  --shadow-float: 0 30px 60px -35px rgb(0 0 0 / .55);
  /* shadow.soft */
  --shadow-soft: 0 10px 30px rgb(23 33 29 / .25);
  /* shadow.paper */
  --shadow-paper: 0 18px 40px -24px rgb(10 30 20 / .55);
  /* shadow.offset */
  --shadow-offset: 4px 4px 0 0 rgb(0 0 0 / .35);
  /* shadow.offset-accent */
  --shadow-offset-accent: 6px 6px 0 0 var(--color-green-500);
  /* shadow.panel */
  --shadow-panel: 0 30px 60px rgb(0 0 0 / .5);
  /* shadow.offset-light */
  --shadow-offset-light: 4px 4px 0 0 rgb(246 242 234 / .35);
  /* shadow.sticker */
  --shadow-sticker: 0 1px 0 rgb(255 255 255 / .9) inset, 0 14px 28px -12px rgb(0 0 0 / .65), 0 3px 6px -2px rgb(0 0 0 / .35);
  /* shadow.glow-accent */
  --shadow-glow-accent: 0 0 0 1px var(--color-green-500), 0 30px 70px -30px rgb(0 204 102 / .45);
  /* gradient.holo-conic */
  --gradient-holo-conic: conic-gradient(from var(--holo), var(--color-green-500), var(--color-holo-mint-350), var(--color-holo-mint-50), var(--color-holo-aqua-500), var(--color-green-500), var(--color-holo-mint-200), var(--color-holo-mint-450), var(--color-green-500));
  /* gradient.holo-stripe */
  --gradient-holo-stripe: linear-gradient(100deg, var(--color-green-500) 0%, var(--color-holo-mint-300) 22%, var(--color-holo-mint-50) 38%, var(--color-holo-aqua-500) 55%, var(--color-holo-mint-350) 72%, var(--color-green-500) 100%);
  /* gradient.holo-soft */
  --gradient-holo-soft: conic-gradient(from var(--holo), var(--color-holo-mint-100), var(--color-holo-mint-50), var(--color-holo-aqua-200), var(--color-holo-aqua-50), var(--color-holo-mint-100));
  /* gradient.holo-ring */
  --gradient-holo-ring: conic-gradient(from var(--holo), var(--color-green-500), var(--color-holo-mint-100), var(--color-holo-aqua-500), var(--color-holo-mint-50), var(--color-green-500));
  /* gradient.holo-card */
  --gradient-holo-card: conic-gradient(from var(--holo) at 30% 40%, var(--color-holo-mint-500), var(--color-holo-mint-250), var(--color-green-500), var(--color-holo-mint-400), var(--color-holo-mint-600), var(--color-holo-mint-150), var(--color-holo-mint-500));
  /* gradient.holo-sheen */
  --gradient-holo-sheen: linear-gradient(110deg, var(--color-green-500) 0%, var(--color-green-500) 38%, var(--color-holo-mint-250) 47%, var(--color-holo-mint-50) 50%, var(--color-holo-aqua-300) 54%, var(--color-green-500) 62%, var(--color-green-500) 100%);
  /* gradient.green-deep */
  --gradient-green-deep: linear-gradient(160deg, var(--color-green-550) 0%, var(--color-green-600) 50%, var(--color-green-650) 100%);
  /* gradient.orari-band */
  --gradient-orari-band: linear-gradient(100deg, var(--color-green-950) 0%, #152F2B 50%, var(--color-teal-950) 100%);
  /* gradient.orari-band-performance */
  --gradient-orari-band-performance: linear-gradient(100deg, #16382A 0%, var(--color-green-950) 55%, #14302D 100%);
  /* gradient.orari-band-fitness */
  --gradient-orari-band-fitness: linear-gradient(100deg, #15302A 0%, var(--color-teal-950) 45%, #133834 100%);
  /* gradient.green-bright */
  --gradient-green-bright: linear-gradient(160deg, var(--color-green-550) 0%, var(--color-green-500) 55%, var(--color-holo-mint-600) 100%);
  /* motion.duration */
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-medium: 250ms;
  --duration-moderate: 300ms;
  --duration-slow: 350ms;
  --duration-slower: 450ms;
  --duration-slowest: 600ms;
  --duration-lazy: 800ms;
  /* motion.easing */
  --ease-standard: ease;
  --ease-spring: cubic-bezier(0.22, 1.28, 0.36, 1);
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.2, 1);
  --ease-sheet: cubic-bezier(0.2, 0.9, 0.25, 1);
  --ease-pop: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-loader: cubic-bezier(0.65, 0, 0.2, 1);
  /* breakpoint.sm */
  --bp-sm: 640px;
  /* breakpoint.md */
  --bp-md: 768px;
  /* breakpoint.lg */
  --bp-lg: 1024px;
  /* breakpoint.xl */
  --bp-xl: 1280px;
  /* layout.container */
  --layout-container: 80rem;
  /* layout.gutter-sm */
  --layout-gutter-sm: 1rem;
  /* layout.gutter-md */
  --layout-gutter-md: 1.5rem;
  /* layout.gutter-lg */
  --layout-gutter-lg: 2rem;
  /* layout.header */
  --layout-header: 4.5rem;
}
/* semantici · dark (predefinita) */
:root, .bg-ink, [data-tema="scuro"] {
  --color-bg-canvas: var(--color-night-850);
  --color-bg-raised: var(--color-night-800);
  --color-bg-card: var(--color-night-750);
  --color-bg-sunken: var(--color-night-900);
  --color-bg-media: var(--color-night-700);
  --color-bg-inverse: var(--color-sand-50);
  --color-fg: var(--color-grey-50);
  --color-fg-muted: var(--color-grey-50);
  --color-fg-subtle: var(--color-grey-300);
  --color-fg-inverse: var(--color-night-850);
  --color-fg-accent: var(--color-green-500);
  --color-border-subtle: var(--color-night-600);
  --color-border-strong: var(--color-night-500);
  --color-border-hover: var(--color-night-400);
  --color-accent: var(--color-green-500);
  --color-accent-hover: var(--color-green-400);
  --color-accent-on: var(--color-night-850);
  --color-focus: var(--color-green-500);
  --color-error-fg: var(--color-clay-300);
  --color-error-bg: var(--color-clay-950);
  --color-error-border: var(--color-clay-700);
  --color-error-field: var(--color-clay-400);
  --color-selected-bg: var(--color-green-500);
  --color-selected-fg: var(--color-night-850);
  --color-success-bg: var(--color-green-950);
  --color-success-border: var(--color-green-800);
  --color-area-performance-fill: var(--color-green-500);
  --color-area-performance-fg: var(--color-green-500);
  --color-area-fitness-fill: var(--color-teal-500);
  --color-area-fitness-fg: var(--color-teal-400);
  --color-area-wellness-fill: var(--color-clay-400);
  --color-area-wellness-fg: var(--color-clay-400);
  --color-area-kids-fill: var(--color-lime-400);
  --color-area-kids-fg: var(--color-lime-400);
}
/* semantici · light */
.bg-paper, [data-tema="chiaro"] {
  --color-bg-canvas: var(--color-sand-50);
  --color-bg-raised: var(--color-sand-25);
  --color-bg-card: var(--color-sand-0);
  --color-bg-sunken: var(--color-sand-100);
  --color-bg-media: var(--color-sand-100);
  --color-bg-inverse: var(--color-night-850);
  --color-fg: var(--color-night-850);
  --color-fg-muted: var(--color-grey-800);
  --color-fg-subtle: var(--color-grey-600);
  --color-fg-inverse: var(--color-grey-50);
  --color-fg-accent: var(--color-green-800);
  --color-border-subtle: var(--color-sand-200);
  --color-border-strong: var(--color-sand-600);
  --color-border-hover: var(--color-night-850);
  --color-accent: var(--color-green-500);
  --color-accent-hover: var(--color-green-400);
  --color-accent-on: var(--color-night-850);
  --color-focus: var(--color-green-800);
  --color-error-fg: var(--color-clay-700);
  --color-error-bg: var(--color-clay-50);
  --color-error-border: var(--color-clay-350);
  --color-error-field: var(--color-clay-700);
  --color-selected-bg: var(--color-night-850);
  --color-selected-fg: var(--color-grey-50);
  --color-success-bg: var(--color-green-75);
  --color-success-border: var(--color-green-350);
  --color-area-performance-fill: var(--color-green-500);
  --color-area-performance-fg: var(--color-green-800);
  --color-area-fitness-fill: var(--color-teal-500);
  --color-area-fitness-fg: var(--color-teal-700);
  --color-area-wellness-fill: var(--color-clay-400);
  --color-area-wellness-fg: var(--color-clay-700);
  --color-area-kids-fill: var(--color-lime-400);
  --color-area-kids-fg: var(--color-lime-800);
}
/* semantici · brand */
.bg-green, [data-tema="brand"] {
  --color-bg-canvas: var(--color-green-500);
  --color-bg-raised: var(--color-sand-50);
  --color-bg-card: var(--color-sand-50);
  --color-bg-sunken: var(--color-green-650);
  --color-bg-media: var(--color-green-650);
  --color-bg-inverse: var(--color-night-850);
  --color-fg: var(--color-night-850);
  --color-fg-muted: var(--color-night-850);
  --color-fg-subtle: var(--color-night-850);
  --color-fg-inverse: var(--color-grey-50);
  --color-fg-accent: var(--color-night-850);
  --color-border-subtle: var(--color-night-850);
  --color-border-strong: var(--color-night-850);
  --color-border-hover: var(--color-night-850);
  --color-accent: var(--color-green-500);
  --color-accent-hover: var(--color-green-400);
  --color-accent-on: var(--color-night-850);
  --color-focus: var(--color-night-850);
  --color-error-fg: var(--color-night-850);
  --color-error-bg: var(--color-sand-50);
  --color-error-border: var(--color-clay-700);
  --color-error-field: var(--color-clay-700);
  --color-selected-bg: var(--color-night-850);
  --color-selected-fg: var(--color-grey-50);
  --color-success-bg: var(--color-sand-50);
  --color-success-border: var(--color-night-850);
  --color-area-performance-fill: var(--color-green-500);
  --color-area-performance-fg: var(--color-night-850);
  --color-area-fitness-fill: var(--color-teal-500);
  --color-area-fitness-fg: var(--color-night-850);
  --color-area-wellness-fill: var(--color-clay-400);
  --color-area-wellness-fg: var(--color-night-850);
  --color-area-kids-fill: var(--color-lime-400);
  --color-area-kids-fg: var(--color-night-850);
}
/* stili di testo (fonte: _dev/design-system/typography.json) */
.t-display-hero { font-family: var(--font-display); font-weight: 900; font-size: clamp(2.75rem, 14vw, 7.45rem); line-height: 0.95; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-display-2xl { font-family: var(--font-display); font-weight: 900; font-size: var(--text-5xl); line-height: 0.9; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-display-xl { font-family: var(--font-display); font-weight: 900; font-size: var(--text-4xl); line-height: 1; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-display-lg { font-family: var(--font-display); font-weight: 900; font-size: var(--text-3xl); line-height: 1; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-display-md { font-family: var(--font-display); font-weight: 900; font-size: var(--text-2xl); line-height: 1.2; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-heading-xl { font-family: var(--font-display); font-weight: 900; font-size: var(--text-3xl); line-height: 1; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-heading-lg { font-family: var(--font-display); font-weight: 900; font-size: var(--text-2xl); line-height: 1.2; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-heading-md { font-family: var(--font-display); font-weight: 900; font-size: var(--text-2xl); line-height: 1.2; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-heading-sm { font-family: var(--font-display); font-weight: 900; font-size: var(--text-xl); line-height: 1.3; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-heading-xs { font-family: var(--font-display); font-weight: 900; font-size: var(--text-xl); line-height: 1.3; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-title-xl { font-family: var(--font-display); font-weight: 900; font-size: var(--text-3xl); line-height: 1.1; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-title-lg { font-family: var(--font-display); font-weight: 900; font-size: var(--text-xl); line-height: 1.3; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-title-md { font-family: var(--font-display); font-weight: 900; font-size: var(--text-lg); line-height: 1.45; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-title-sm { font-family: var(--font-display); font-weight: 900; font-size: var(--text-lg); line-height: 1.45; letter-spacing: var(--tracking-display); text-transform: uppercase; }
.t-eyebrow { font-family: var(--font-display); font-weight: 600; font-size: var(--text-sm); line-height: 1.5; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.t-label { font-family: var(--font-body); font-weight: 600; font-size: var(--text-sm); line-height: 1.5; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.t-body-lg { font-family: var(--font-body); font-weight: 400; font-size: var(--text-lg); line-height: 1.45; }
.t-body { font-family: var(--font-body); font-weight: 400; font-size: var(--text-base); line-height: 1.6; }
.t-body-sm { font-family: var(--font-body); font-weight: 400; font-size: var(--text-sm); line-height: 1.5; }
@media (min-width: 640px) {
  .t-display-2xl { font-size: var(--text-7xl); line-height: 0.92; }
  .t-display-xl { font-size: var(--text-6xl); line-height: 0.95; }
  .t-display-lg { font-size: var(--text-5xl); }
  .t-display-md { font-size: var(--text-4xl); line-height: 1.05; }
  .t-heading-xl { font-size: var(--text-4xl); line-height: 1.05; }
  .t-heading-lg { font-size: var(--text-4xl); line-height: 1.05; }
  .t-heading-md { font-size: var(--text-3xl); line-height: 1.1; }
  .t-heading-sm { font-size: var(--text-2xl); line-height: 1.2; }
  .t-heading-xs { font-size: var(--text-2xl); line-height: 1.2; }
  .t-title-md { font-size: var(--text-xl); line-height: 1.3; }
}
@media (min-width: 1024px) {
  .t-display-lg { font-size: var(--text-6xl); line-height: 0.95; }
  .t-display-md { font-size: var(--text-5xl); line-height: 1; }
  .t-heading-xl { font-size: var(--text-5xl); line-height: 1; }
  .t-heading-sm { font-size: var(--text-3xl); line-height: 1.1; }
}