@nd-storybook/storybook 0.3.4 → 0.3.6

package/dist/css/molecules/form.css

@@ -1,28 +0,0 @@
-@layer components {
-
-    .nd-form {
-        /* No specific styles */
-    }
-
-    .nd-form-group {
-        @apply space-y-1 font-fira-sans;
-    }
-
-    .nd-form-group .label {
-        @apply text-sm text-[#1f2937] dark:text-[#f0f0f0]; /* fallback text-gray-800 replaced with exact */
-    }
-
-    .nd-form-group .help {
-        @apply text-sm text-[#727272] dark:text-[#b0b0b0];
-    }
-
-    .nd-form-group .error {
-        @apply text-sm text-[#e9425b];
-    }
-
-    .nd-form-input {
-        @apply w-full px-3 py-2 border border-[#d1d5db] text-black dark:bg-[#2a2a2a] dark:text-[#f0f0f0] dark:border-[#444]
-        focus:dark:border-[#666] focus:dark:ring-2 focus:dark:ring-white/10;
-    }
-
-}

package/dist/css/tailwind.css

@@ -1,17 +0,0 @@
-@import "tokens.css";
-@import "typography.css";
-
-@import "molecules/form.css";
-
-@import "components/modal.css";
-@import "components/portal/description-list.css";
-@import "components/portal/portal-navigation.css";
-@import "components/portal/accordionItem.css";
-@import "components/portal/accordion.css";
-@import "components/portal/navigationCard.css";
-@import "components/portal/menuItem.css";
-@import "components/portal/dataFrame.css";
-@import "components/portal/alert.css";
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/dist/css/tokens.css

@@ -1,294 +0,0 @@
-/**
- * Design System Tokens
- * Generated from design tokens - DO NOT EDIT DIRECTLY
- * Last generated: 2025-12-08T13:56:43.111Z
- */
-
-:root {
-  --font-family-gulliver: "Gulliver Web", Georgia, serif;
-  --font-family-fira-sans: "Fira Sans", Arial, sans-serif;
-  --font-family-montserrat: "Montserrat", "Helvetica Neue", Arial, sans-serif;
-  --font-family-abril-fatface: "Abril Fatface", "Playfair Display", Georgia, serif;
-  --font-weight-bold: 700;
-  --font-weight-semibold: 600;
-  --font-weight-regular: 400;
-  --font-weight-light: 300;
-  --font-size-12: 12px;
-  --font-size-14: 14px;
-  --font-size-15: 15px;
-  --font-size-16: 16px;
-  --font-size-17: 17px;
-  --font-size-18: 18px;
-  --font-size-20: 20px;
-  --font-size-22: 22px;
-  --font-size-24: 24px;
-  --font-size-26: 26px;
-  --font-size-28: 28px;
-  --font-size-30: 30px;
-  --font-size-32: 32px;
-  --font-size-36: 36px;
-  --font-size-40: 40px;
-  --font-size-48: 48px;
-  --font-size-88: 88px;
-  --font-size-96: 96px;
-  --letter-spacing-0: 0px;
-  --letter-spacing-s: 1.6px;
-  --letter-spacing-m: 2.4px;
-  --letter-spacing-l: 4px;
-  --color-border-default: #000000;
-  --color-border-brand: #0096cb;
-  --color-border-accent-gray: #bdbdbd;
-  --color-border-accent-gray-subtle: #eceae9;
-  --color-border-disabled: #bdbdbd;
-  --color-border-warning: #e9425b;
-  --color-blue-400: #02b4f2;
-  --color-blue-500: #0096cb;
-  --color-blue-900: #09254a;
-  --color-blue-500-10: #02a1d91a;
-  --color-pink-200: #fef3f2;
-  --color-pink-400: #f2e1df;
-  --color-pink-600: #ec596f;
-  --color-pink-700: #e9425b;
-  --color-pink-800: #be123c;
-  --color-brown-500: #a27675;
-  --color-brown-800: #6a4847;
-  --color-brown-900: #3a1a1c;
-  --color-neutral-100: #f8f8f8;
-  --color-neutral-200: #f2f2f2;
-  --color-neutral-300: #eceae9;
-  --color-neutral-400: #bdbdbd;
-  --color-neutral-500: #999999;
-  --color-neutral-600: #727272;
-  --color-neutral-700: #484544;
-  --color-neutral-800: #222222;
-  --color-neutral-900: #121212;
-  --color-neutral-black: #000000;
-  --color-neutral-black-10: #0000001a;
-  --color-neutral-white: #ffffff;
-  --color-neutral-white-30: #ffffff4d;
-  --color-text-default: #000000;
-  --color-text-subtle: #727272;
-  --color-text-brand: #0096cb;
-  --color-text-brand-subtle: #02b4f2;
-  --color-text-accent-brown: #6a4847;
-  --color-text-accent-brown-subtle: #a27675;
-  --color-text-accent-pink: #e9425b;
-  --color-text-disabled: #727272;
-  --color-text-inverse: #ffffff;
-  --color-text-warning: #e9425b;
-  --color-text-warning-inverse: #000000;
-  --color-background-default: #ffffff;
-  --color-background-dark: #000000;
-  --color-background-dark-subtle: #222222;
-  --color-background-brand: #0096cb;
-  --color-background-brand-subtle: #02b4f2;
-  --color-background-brand-subtlest: #02a1d91a;
-  --color-background-accent-gray: #f2f2f2;
-  --color-background-accent-gray-subtle: #f8f8f8;
-  --color-background-accent-brown: #6a4847;
-  --color-background-accent-pink: #e9425b;
-  --color-background-accent-pink-subtle: #ec596f;
-  --color-background-accent-pink-subtlest: #f2e1df;
-  --color-background-disabled: #727272;
-  --color-icons-default: #000000;
-  --color-icons-gray: #727272;
-  --color-icons-brand: #0096cb;
-  --color-icons-warning: #e9425b;
-  --color-icons-inverse: #ffffff;
-  --color-shadow-default: #0000001a;
-  --color-dnk-brand: #be123c;
-  --color-dnk-background: #fef3f2;
-  --color-form-background-input-field-default: #ffffff;
-  --color-form-background-checkbox-default: #ffffff;
-  --color-form-border-input-field-default: #bdbdbd;
-  --color-form-border-checkbox-default: #bdbdbd;
-  --color-button-background-primary-default: #0096cb;
-  --color-button-background-dark-default: #000000;
-  --color-button-background-secondary-default: #ffffff;
-  --color-button-background-pill-default: #ffffff;
-  --color-button-border-secondary-default: #0096cb;
-  --color-button-border-pill-default: #eceae9;
-  --color-button-icon-primary-default: #ffffff;
-  --color-button-icon-secondary-default: #0096cb;
-  --color-button-icon-pill-default: #727272;
-  --color-button-text-primary-default: #ffffff;
-  --color-button-text-dark-default: #ffffff;
-  --color-button-text-secondary-default: #0096cb;
-  --color-button-text-ghost-default: #0096cb;
-  --color-button-text-pill-default: #727272;
-  --color-link-text-default-default: #000000;
-  --color-link-text-brown-default: #6a4847;
-  --color-form-background-input-field-hover: #f8f8f8;
-  --color-form-background-checkbox-hover: #f2f2f2;
-  --color-form-border-input-field-hover: #0096cb;
-  --color-form-border-checkbox-hover: #bdbdbd;
-  --color-button-background-primary-hover: #02b4f2;
-  --color-button-background-dark-hover: #222222;
-  --color-button-background-secondary-hover: #02a1d91a;
-  --color-button-background-pill-hover: #f8f8f8;
-  --color-button-border-secondary-hover: #0096cb;
-  --color-button-border-pill-hover: #eceae9;
-  --color-button-icon-primary-hover: #ffffff;
-  --color-button-icon-secondary-hover: #0096cb;
-  --color-button-icon-pill-hover: #727272;
-  --color-button-text-primary-hover: #ffffff;
-  --color-button-text-dark-hover: #ffffff;
-  --color-button-text-secondary-hover: #0096cb;
-  --color-button-text-ghost-hover: #02b4f2;
-  --color-button-text-pill-hover: #727272;
-  --color-link-text-default-hover: #000000;
-  --color-link-text-brown-hover: #a27675;
-  --color-form-background-input-field-active: #ffffff;
-  --color-form-background-checkbox-active: #0096cb;
-  --color-form-border-input-field-active: #0096cb;
-  --color-form-border-checkbox-active: #0096cb;
-  --color-button-background-primary-active: #02b4f2;
-  --color-button-background-dark-active: #222222;
-  --color-button-background-secondary-active: #02a1d91a;
-  --color-button-background-pill-active: #f8f8f8;
-  --color-button-border-secondary-active: #0096cb;
-  --color-button-border-pill-active: #bdbdbd;
-  --color-button-icon-primary-active: #ffffff;
-  --color-button-icon-secondary-active: #0096cb;
-  --color-button-icon-pill-active: #727272;
-  --color-button-text-primary-active: #ffffff;
-  --color-button-text-dark-active: #ffffff;
-  --color-button-text-secondary-active: #0096cb;
-  --color-button-text-ghost-active: #02b4f2;
-  --color-button-text-pill-active: #727272;
-  --color-link-text-default-active: #000000;
-  --color-link-text-brown-active: #a27675;
-  --color-form-background-input-field-disabled: #f2f2f2;
-  --color-form-background-checkbox-disabled: #f2f2f2;
-  --color-form-border-input-field-disabled: #bdbdbd;
-  --color-form-border-checkbox-disabled: #eceae9;
-  --color-button-background-primary-disabled: #727272;
-  --color-button-background-dark-disabled: #000000;
-  --color-button-background-secondary-disabled: #ffffff;
-  --color-button-background-pill-disabled: #ffffff;
-  --color-button-border-secondary-disabled: #bdbdbd;
-  --color-button-border-pill-disabled: #eceae9;
-  --color-button-icon-primary-disabled: #ffffff;
-  --color-button-icon-secondary-disabled: #0096cb;
-  --color-button-icon-pill-disabled: #727272;
-  --color-button-text-primary-disabled: #ffffff;
-  --color-button-text-dark-disabled: #727272;
-  --color-button-text-secondary-disabled: #727272;
-  --color-button-text-ghost-disabled: #727272;
-  --color-button-text-pill-disabled: #727272;
-  --color-link-text-default-disabled: #727272;
-  --color-link-text-brown-disabled: #727272;
-  --box-shadow-s: 0px 1px 8px 0px #0000001a;
-  --box-shadow-m: 0px 10px 20px 0px #0000001a, 0px 1px 2px 0px #0000001a;
-  --box-shadow-l: 0px -10px 20px 0px #0000001a, 0px 1px 2px 0px #0000001a;
-  --spacing-0: 0px;
-  --spacing-xxs: 4px;
-  --spacing-xs: 8px;
-  --spacing-s: 16px;
-  --spacing-m: 24px;
-  --spacing-l: 40px;
-  --spacing-xl: 64px;
-  --spacing-xxl: 128px;
-  --border-radius-0: 0px;
-  --border-radius-xl: 80px;
-  --border-radius-pill: 80px;
-  --border-width-0: 0px;
-  --border-width-s: 1px;
-  --font-size-heading-xs: 14px;
-  --font-size-heading-s: 18px;
-  --font-size-heading-m: 20px;
-  --font-size-heading-l: 40px;
-  --font-size-heading-xl: 48px;
-  --font-size-body-xs: 12px;
-  --font-size-body-s: 16px;
-  --font-size-body-m: 18px;
-  --font-size-body-l: 20px;
-  --font-size-body-xl: 22px;
-  --font-size-body-xxl: 28px;
-  --font-size-body-drop-cap: 96px;
-  --font-size-meta: 14px;
-}
-
-/* Dark Mode Colors */
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-text-default: #ffffff;
-    --color-text-subtle: #bdbdbd;
-    --color-text-brand: #0096cb;
-    --color-text-brand-subtle: #02b4f2;
-    --color-text-accent-brown: #a27675;
-    --color-text-accent-brown-subtle: #a27675;
-    --color-text-accent-pink: #e9425b;
-    --color-text-disabled: #bdbdbd;
-    --color-text-inverse: #ffffff;
-    --color-text-warning: #e9425b;
-    --color-text-warning-inverse: #ffffff;
-    --color-background-default: #121212;
-    --color-background-dark: #222222;
-    --color-background-dark-subtle: #727272;
-    --color-background-brand: #0096cb;
-    --color-background-brand-subtle: #02b4f2;
-    --color-background-brand-subtlest: #02a1d91a;
-    --color-background-accent-gray: #484544;
-    --color-background-accent-gray-subtle: #222222;
-    --color-background-accent-brown: #a27675;
-    --color-background-accent-pink: #e9425b;
-    --color-background-accent-pink-subtle: #ec596f;
-    --color-background-accent-pink-subtlest: #f2e1df;
-    --color-background-disabled: #222222;
-    --color-border-default: #ffffff;
-    --color-border-brand: #0096cb;
-    --color-border-accent-gray: #999999;
-    --color-border-accent-gray-subtle: #727272;
-    --color-border-disabled: #999999;
-    --color-border-warning: #e9425b;
-    --color-icons-default: #ffffff;
-    --color-icons-gray: #bdbdbd;
-    --color-icons-brand: #0096cb;
-    --color-icons-warning: #e9425b;
-    --color-icons-inverse: #ffffff;
-    --color-shadow-default: #ffffff4d;
-    --color-dnk-brand: #be123c;
-    --color-dnk-background: #fef3f2;
-  }
-}
-
-/* Mobile Typography (Default) */
-@media (max-width: 767px) {
-  :root {
-    --font-size-heading-xs: 14px;
-    --font-size-heading-s: 16px;
-    --font-size-heading-m: 18px;
-    --font-size-heading-l: 26px;
-    --font-size-heading-xl: 28px;
-    --font-size-body-xs: 12px;
-    --font-size-body-s: 14px;
-    --font-size-body-m: 16px;
-    --font-size-body-l: 18px;
-    --font-size-body-xl: 20px;
-    --font-size-body-xxl: 24px;
-    --font-size-body-drop-cap: 88px;
-    --font-size-meta: 14px;
-  }
-}
-
-/* Tablet Typography (768px - 1023px) */
-@media (min-width: 768px) and (max-width: 1023px) {
-  :root {
-    --font-size-heading-xs: 14px;
-    --font-size-heading-s: 18px;
-    --font-size-heading-m: 20px;
-    --font-size-heading-l: 36px;
-    --font-size-heading-xl: 40px;
-    --font-size-body-xs: 12px;
-    --font-size-body-s: 16px;
-    --font-size-body-m: 18px;
-    --font-size-body-l: 20px;
-    --font-size-body-xl: 22px;
-    --font-size-body-xxl: 28px;
-    --font-size-body-drop-cap: 96px;
-    --font-size-meta: 14px;
-  }
-}
-
-/* Desktop Typography (1024px+) is defined in the main :root block */

package/dist/css/typography.css

@@ -1,359 +0,0 @@
-/* Typography styles based on text.styles.tokens.json */
-
-/* Article styles */
-.text-article-heading {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-xl);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-heading-light {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-xl);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-heading-alternate {
-  font-family: var(--font-family-montserrat);
-  font-size: var(--font-size-heading-xl);
-  font-weight: var(--font-weight-light);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-heading-2 {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-m);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-heading-2-light {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-m);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-heading-2-alternate {
-  font-family: var(--font-family-montserrat);
-  font-size: var(--font-size-heading-m);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-body {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-m);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 160%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-type {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-xl);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-s);
-  line-height: 160%;
-  text-transform: small-caps;
-  text-decoration: none;
-}
-
-.text-article-intro {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-l);
-  font-weight: var(--font-weight-light);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 160%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-city {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-xl);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-m);
-  line-height: 160%;
-  text-transform: small-caps;
-  text-decoration: none;
-}
-
-.text-article-quote {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-body-xxl);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-question {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-m);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 160%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-drop-cap {
-  font-family: var(--font-family-abril-fatface);
-  font-size: var(--font-size-body-drop-cap);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 160%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-article-drop-cap-alternate {
-  font-family: var(--font-family-montserrat);
-  font-size: var(--font-size-body-drop-cap);
-  font-weight: var(--font-weight-light);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 160%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-/* Body styles */
-.text-body-light {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-m);
-  font-weight: var(--font-weight-light);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 160%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-body {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-m);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 160%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-body-bold {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-m);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 160%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-body-uppercase {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-xl);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-s);
-  line-height: normal;
-  text-transform: small-caps;
-  text-decoration: none;
-}
-
-.text-body-uppercase-bold {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-xl);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-s);
-  line-height: normal;
-  text-transform: small-caps;
-  text-decoration: none;
-}
-
-.text-body-uppercase-bold-small {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-m);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-s);
-  line-height: normal;
-  text-transform: small-caps;
-  text-decoration: none;
-}
-
-/* Heading styles */
-.text-heading-2 {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-m);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-heading-3 {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-heading-s);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-heading-page {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-l);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-heading-subheading {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-l);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-heading-uppercase {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-heading-xs);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-l);
-  line-height: 130%;
-  text-transform: small-caps;
-  text-decoration: none;
-}
-
-/* Meta styles */
-.text-meta-light {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-meta);
-  font-weight: var(--font-weight-light);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 140%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-meta {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-meta);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 140%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-meta-bold {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-meta);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 140%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-/* Additional styles */
-.text-heading {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-xl);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-heading-light {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-xl);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-heading-alternate {
-  font-family: var(--font-family-montserrat);
-  font-size: var(--font-size-heading-xl);
-  font-weight: var(--font-weight-light);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-heading-2-light {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-heading-m);
-  font-weight: var(--font-weight-regular);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-heading-2-alternate {
-  font-family: var(--font-family-montserrat);
-  font-size: var(--font-size-heading-m);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-quote {
-  font-family: var(--font-family-gulliver);
-  font-size: var(--font-size-body-xxl);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 130%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-.text-intro {
-  font-family: var(--font-family-fira-sans);
-  font-size: var(--font-size-body-l);
-  font-weight: var(--font-weight-light);
-  letter-spacing: var(--letter-spacing-0);
-  line-height: 160%;
-  text-transform: none;
-  text-decoration: none;
-}
-
-/* Responsive typography classes are handled by CSS variables in tokens.css */
-/* No media queries needed here as the variables themselves change based on screen size */