@gtivr4/a1-design-system-react 0.1.0 → 0.2.4

package/src/tokens.css

@@ -0,0 +1,919 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --breakpoint-xs-max: 480px;
+  --breakpoint-sm-min: 481px;
+  --breakpoint-sm-max: 640px;
+  --breakpoint-md-min: 641px;
+  --breakpoint-md-max: 1024px;
+  --breakpoint-lg-min: 1025px;
+  --breakpoint-lg-max: 1440px;
+  --breakpoint-xl-min: 1441px;
+  --base-color-neutral-0: #ffffff;
+  --base-color-neutral-50: #f0f6fe;
+  --base-color-neutral-100: #e1e8f3;
+  --base-color-neutral-200: #c8d2e0;
+  --base-color-neutral-300: #a6b2c4;
+  --base-color-neutral-400: #8290a5;
+  --base-color-neutral-500: #64748b;
+  --base-color-neutral-600: #414e61;
+  --base-color-neutral-700: #293343;
+  --base-color-neutral-800: #151d29;
+  --base-color-neutral-900: #060b14;
+  --base-color-neutral-1000: #000000;
+  --base-color-accent-0: #fcfbff;
+  --base-color-accent-50: #f5f3ff;
+  --base-color-accent-100: #e8e4ff;
+  --base-color-accent-200: #d2c8ff;
+  --base-color-accent-300: #b5a0ff;
+  --base-color-accent-400: #986eff;
+  --base-color-accent-500: #7c3aed;
+  --base-color-accent-600: #5916b5;
+  --base-color-accent-700: #3d0082;
+  --base-color-accent-800: #230051;
+  --base-color-accent-900: #0f002a;
+  --base-color-accent-1000: #010003;
+  --base-color-highlited-0: #fffef2;
+  --base-color-highlited-50: #fffbd1;
+  --base-color-highlited-100: #fff7a3;
+  --base-color-highlited-200: #fff066;
+  --base-color-highlited-300: #ffe22e;
+  --base-color-highlited-400: #ffc914;
+  --base-color-highlited-500: #e3ad00;
+  --base-color-highlited-600: #ad8100;
+  --base-color-highlited-700: #765700;
+  --base-color-highlited-800: #4a3500;
+  --base-color-highlited-900: #241900;
+  --base-color-highlited-1000: #070400;
+  --base-color-info-0: #fafcff;
+  --base-color-info-50: #f0f5ff;
+  --base-color-info-100: #dce8ff;
+  --base-color-info-200: #b9d2ff;
+  --base-color-info-300: #87b0ff;
+  --base-color-info-400: #5189fd;
+  --base-color-info-500: #2563eb;
+  --base-color-info-600: #0b3fb2;
+  --base-color-info-700: #002582;
+  --base-color-info-800: #001451;
+  --base-color-info-900: #00062a;
+  --base-color-info-1000: #000003;
+  --base-color-error-0: #fffbfa;
+  --base-color-error-50: #fff2f0;
+  --base-color-error-100: #ffe0db;
+  --base-color-error-200: #ffbfb6;
+  --base-color-error-300: #ff8b7e;
+  --base-color-error-400: #ea574d;
+  --base-color-error-500: #dc2626;
+  --base-color-error-600: #94000b;
+  --base-color-error-700: #660005;
+  --base-color-error-800: #3e0002;
+  --base-color-error-900: #1f0000;
+  --base-color-error-1000: #020000;
+  --base-color-warn-0: #fffbf8;
+  --base-color-warn-50: #fff3ea;
+  --base-color-warn-100: #ffe2cc;
+  --base-color-warn-200: #fdc498;
+  --base-color-warn-300: #e59f68;
+  --base-color-warn-400: #ca782e;
+  --base-color-warn-500: #d97706;
+  --base-color-warn-600: #743d00;
+  --base-color-warn-700: #4f2700;
+  --base-color-warn-800: #2f1500;
+  --base-color-warn-900: #160700;
+  --base-color-warn-1000: #010000;
+  --base-color-success-0: #f5fff6;
+  --base-color-success-50: #dfffe4;
+  --base-color-success-100: #c9f5d0;
+  --base-color-success-200: #a6e3b0;
+  --base-color-success-300: #78c687;
+  --base-color-success-400: #42a75c;
+  --base-color-success-500: #16a34a;
+  --base-color-success-600: #005e26;
+  --base-color-success-700: #003f17;
+  --base-color-success-800: #00250a;
+  --base-color-success-900: #001003;
+  --base-color-success-1000: #000100;
+  --base-radius-sm: 4px;
+  --base-radius-md: 6px;
+  --base-radius-control: 6px;
+  --base-radius-lg: 8px;
+  --base-radius-xl: 12px;
+  --base-space-button-padding-block: 10px;
+  --base-space-button-padding-inline: 12px;
+  --base-space-button-min-height: 40px;
+  --base-space-button-gap: 0.5rem;
+  --base-space-button-border-width: 0px;
+  --base-space-button-focus-ring-width: 3px;
+  --base-space-button-focus-ring-offset: 2px;
+  --base-space-button-disabled-opacity: 0.55;
+  --base-space-card-padding: 20px;
+  --base-space-card-border-width: 1px;
+  --base-shadow-100: 0px 1px 2px 0px rgba(6, 11, 20, 0.05);
+  --base-shadow-200: 0px 1px 3px 0px rgba(6, 11, 20, 0.10), 0px 1px 2px -1px rgba(6, 11, 20, 0.06);
+  --base-shadow-300: 0px 4px 6px -1px rgba(6, 11, 20, 0.10), 0px 2px 4px -2px rgba(6, 11, 20, 0.06);
+  --base-shadow-400: 0px 10px 15px -3px rgba(6, 11, 20, 0.10), 0px 4px 6px -4px rgba(6, 11, 20, 0.05);
+  --base-shadow-500: 0px 20px 25px -5px rgba(6, 11, 20, 0.10), 0px 8px 10px -6px rgba(6, 11, 20, 0.04);
+  --base-spacing-1: 1px;
+  --base-spacing-2: 2px;
+  --base-spacing-4: 4px;
+  --base-spacing-6: 6px;
+  --base-spacing-8: 8px;
+  --base-spacing-12: 12px;
+  --base-spacing-16: 16px;
+  --base-spacing-20: 20px;
+  --base-spacing-24: 24px;
+  --base-spacing-32: 32px;
+  --base-spacing-40: 40px;
+  --base-spacing-64: 64px;
+  --base-spacing-96: 96px;
+  --base-spacing-128: 128px;
+  --base-spacing-neg-4: -4px;
+  --base-spacing-neg-8: -8px;
+  --base-spacing-neg-12: -12px;
+  --base-spacing-neg-16: -16px;
+  --base-spacing-neg-20: -20px;
+  --base-spacing-neg-24: -24px;
+  --base-spacing-neg-32: -32px;
+  --base-icon-optical-size: 24;
+  --base-font-size-root: 1rem;
+  --base-font-size-user-small: 0.875rem;
+  --base-font-size-user-medium: 1rem;
+  --base-font-size-user-large: 1.125rem;
+  --base-font-size-user-xl: 1.25rem;
+  --base-font-size-scale-100: 0.75rem;
+  --base-font-size-scale-150: 0.875rem;
+  --base-font-size-scale-200: 1rem;
+  --base-font-size-scale-250: 1.125rem;
+  --base-font-size-scale-300: 1.25rem;
+  --base-font-size-scale-400: 1.5rem;
+  --base-font-size-scale-500: 1.75rem;
+  --base-font-size-scale-600: 2rem;
+  --base-font-size-scale-700: 2.5rem;
+  --base-font-size-scale-800: 3.5rem;
+  --base-font-size-scale-900: 4.5rem;
+  --base-font-size-scale-1000: 6rem;
+  --base-font-size-accessible-scale-100: 0.84375rem;
+  --base-font-size-accessible-scale-150: 0.984375rem;
+  --base-font-size-accessible-scale-200: 1.125rem;
+  --base-font-size-accessible-scale-250: 1.265625rem;
+  --base-font-size-accessible-scale-300: 1.40625rem;
+  --base-font-size-accessible-scale-400: 1.6875rem;
+  --base-font-size-accessible-scale-500: 1.96875rem;
+  --base-font-size-accessible-scale-600: 2.25rem;
+  --base-font-size-accessible-scale-700: 2.8125rem;
+  --base-font-size-accessible-scale-800: 3.9375rem;
+  --base-font-size-accessible-scale-900: 5.0625rem;
+  --base-font-size-accessible-scale-1000: 6.75rem;
+  --base-font-weight-regular: 400;
+  --base-font-weight-medium: 500;
+  --base-font-weight-semibold: 600;
+  --base-font-weight-bold: 700;
+  --base-font-weight-extra-bold: 900;
+  --base-font-line-height-body: 1.5em;
+  --base-font-line-height-heading: 1.25em;
+  --base-font-line-height-display: 1.125em;
+  --semantic-color-text-default: #060b14;
+  --semantic-color-text-muted: #64748b;
+  --semantic-color-text-inverse: #ffffff;
+  --semantic-color-text-accent: #7c3aed;
+  --semantic-color-surface-page: #ffffff;
+  --semantic-color-surface-panel: #f0f6fe;
+  --semantic-color-surface-raised: #e1e8f3;
+  --semantic-color-surface-inverse: #060b14;
+  --semantic-color-border-subtle: #c8d2e0;
+  --semantic-color-border-default: #a6b2c4;
+  --semantic-color-border-strong: #64748b;
+  --semantic-color-action-background: #7c3aed;
+  --semantic-color-action-background-hover: #5916b5;
+  --semantic-color-action-background-pressed: #230051;
+  --semantic-color-action-foreground: #e8e4ff;
+  --semantic-color-action-foreground-pressed: #b5a0ff;
+  --semantic-color-action-surface: #f5f3ff;
+  --semantic-color-action-border: #b5a0ff;
+  --semantic-color-status-info-background: #2563eb;
+  --semantic-color-status-info-surface: #f0f5ff;
+  --semantic-color-status-info-border: #87b0ff;
+  --semantic-color-status-info-foreground: #fafcff;
+  --semantic-color-status-error-background: #dc2626;
+  --semantic-color-status-error-surface: #fff2f0;
+  --semantic-color-status-error-border: #ff8b7e;
+  --semantic-color-status-error-foreground: #fffbfa;
+  --semantic-color-status-error-text: #660005; /** Error-colored text or icon on a neutral surface. Darker than background to meet 4.5:1. */
+  --semantic-color-status-warn-background: #4f2700;
+  --semantic-color-status-warn-surface: #fff3ea;
+  --semantic-color-status-warn-border: #e59f68;
+  --semantic-color-status-warn-foreground: #fffbf8;
+  --semantic-color-status-warn-text: #4f2700; /** Warn-colored text or icon on a neutral surface. Darker than background to meet 4.5:1. */
+  --semantic-color-status-success-background: #003f17;
+  --semantic-color-status-success-surface: #dfffe4;
+  --semantic-color-status-success-border: #78c687;
+  --semantic-color-status-success-foreground: #f5fff6;
+  --semantic-radius-control: 6px;
+  --semantic-motion-duration-instant: 0ms;
+  --semantic-motion-duration-quick: 100ms;
+  --semantic-motion-duration-fast: 150ms;
+  --semantic-motion-duration-normal: 200ms;
+  --semantic-motion-duration-slow: 300ms;
+  --semantic-motion-duration-slower: 500ms;
+  --semantic-motion-duration-slowest: 750ms;
+  --semantic-motion-easing-linear: linear;
+  --semantic-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
+  --semantic-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
+  --semantic-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
+  --semantic-motion-easing-expressive: cubic-bezier(0.34, 1.56, 0.64, 1);
+  --semantic-motion-easing-sharp: cubic-bezier(0.4, 0, 0.6, 1);
+  --semantic-shadow-xs: 0px 1px 2px 0px rgba(6, 11, 20, 0.05);
+  --semantic-shadow-sm: 0px 1px 3px 0px rgba(6, 11, 20, 0.10), 0px 1px 2px -1px rgba(6, 11, 20, 0.06);
+  --semantic-shadow-md: 0px 4px 6px -1px rgba(6, 11, 20, 0.10), 0px 2px 4px -2px rgba(6, 11, 20, 0.06);
+  --semantic-shadow-lg: 0px 10px 15px -3px rgba(6, 11, 20, 0.10), 0px 4px 6px -4px rgba(6, 11, 20, 0.05);
+  --semantic-shadow-xl: 0px 20px 25px -5px rgba(6, 11, 20, 0.10), 0px 8px 10px -6px rgba(6, 11, 20, 0.04);
+  --semantic-spacing-gap-xs: 8px;
+  --semantic-spacing-gap-sm: 12px;
+  --semantic-spacing-gap-md: 16px;
+  --semantic-spacing-gap-lg: 24px;
+  --semantic-font-size-body-xs: 0.75rem;
+  --semantic-font-size-body-sm: 0.875rem;
+  --semantic-font-size-body-md: 1rem;
+  --semantic-font-size-body-lg: 1.125rem;
+  --semantic-font-size-body-xl: 1.25rem;
+  --semantic-font-size-heading-xxl: 2.5rem;
+  --semantic-font-size-heading-xl: 2rem;
+  --semantic-font-size-heading-lg: 1.75rem;
+  --semantic-font-size-heading-md: 1.5rem;
+  --semantic-font-size-heading-sm: 1.25rem;
+  --semantic-font-size-heading-xs: 1.125rem;
+  --semantic-font-size-display-sm: 1.5rem;
+  --semantic-font-size-display-md: 1.75rem;
+  --semantic-font-size-display-lg: 2rem;
+  --semantic-font-size-display-xl: 2.5rem;
+  --semantic-font-size-display-xxl: 3.5rem;
+  --semantic-font-size-display-jumbo: 4.5rem;
+  --semantic-font-size-display-x-jumbo: 6rem;
+  --semantic-font-weight-body: 400;
+  --semantic-font-weight-heading: 700;
+  --semantic-font-weight-display: 900;
+  --semantic-font-line-height-body: 1.5em;
+  --semantic-font-line-height-heading: 1.25em;
+  --semantic-font-line-height-display: 1.125em;
+  --component-button-primary-background: #7c3aed;
+  --component-button-primary-background-hover: #5916b5;
+  --component-button-primary-background-pressed: #230051;
+  --component-button-primary-foreground: #fcfbff;
+  --component-button-primary-foreground-hover: #f5f3ff;
+  --component-button-primary-foreground-pressed: #e8e4ff;
+  --component-button-primary-border: #7c3aed;
+  --component-button-primary-border-width: 0px;
+  --component-button-secondary-background: #fcfbff;
+  --component-button-secondary-background-hover: #f5f3ff;
+  --component-button-secondary-background-pressed: #e8e4ff;
+  --component-button-secondary-foreground: #5916b5;
+  --component-button-secondary-foreground-hover: #3d0082;
+  --component-button-secondary-foreground-pressed: #230051;
+  --component-button-secondary-border: #7c3aed;
+  --component-button-secondary-border-hover: #3d0082;
+  --component-button-secondary-border-pressed: #230051;
+  --component-button-secondary-border-width: 1px;
+  --component-button-tertiary-background: #fcfbff;
+  --component-button-tertiary-background-hover: #f5f3ff;
+  --component-button-tertiary-background-pressed: #e8e4ff;
+  --component-button-tertiary-foreground: #5916b5;
+  --component-button-tertiary-foreground-hover: #3d0082;
+  --component-button-tertiary-foreground-pressed: #230051;
+  --component-button-tertiary-border: #fcfbff;
+  --component-button-tertiary-border-hover: #f5f3ff;
+  --component-button-tertiary-border-pressed: #e8e4ff;
+  --component-button-tertiary-border-width: 1px;
+  --component-button-focus-ring: #b5a0ff;
+  --component-button-border-radius: 6px;
+  --component-button-pill-border-radius: 9999px;
+  --component-button-padding-block: 10px;
+  --component-button-padding-inline: 12px;
+  --component-button-min-height: 40px;
+  --component-button-gap: 0.5rem;
+  --component-button-border-width: 0px;
+  --component-button-focus-ring-width: 3px;
+  --component-button-focus-ring-offset: 2px;
+  --component-button-disabled-opacity: 0.55;
+  --component-button-icon-size: 20px;
+  --component-button-icon-optical-size: 20;
+  --component-button-small-height: 28px;
+  --component-button-small-border-radius: 4px;
+  --component-button-small-icon-size: 20px;
+  --component-button-small-icon-optical-size: 20;
+  --component-button-medium-icon-size: 24px;
+  --component-button-medium-icon-optical-size: 24;
+  --component-button-large-height: 56px;
+  --component-button-large-secondary-border-width: 2px;
+  --component-button-large-icon-size: 40px;
+  --component-button-large-icon-optical-size: 40;
+  --component-button-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --component-button-font-size: 1rem;
+  --component-button-font-weight: 500;
+  --component-button-font-line-height: normal;
+  --component-accordion-trigger-height-sm: 32px;
+  --component-accordion-trigger-height-md: 40px;
+  --component-accordion-trigger-height-lg: 52px;
+  --component-accordion-padding-inline-sm: 8px;
+  --component-accordion-padding-inline-md: 12px;
+  --component-accordion-padding-inline-lg: 16px;
+  --component-accordion-icon-size-sm: 18px;
+  --component-accordion-icon-size-md: 20px;
+  --component-accordion-icon-size-lg: 24px;
+  --component-accordion-border-radius: 6px;
+  --component-accordion-focus-ring-width: 2px;
+  --component-accordion-focus-ring-offset: -2px;
+  --component-blockquote-border-width: 4px;
+  --component-blockquote-border-radius: 8px;
+  --component-blockquote-padding-block: 20px;
+  --component-blockquote-padding-inline: 24px;
+  --component-blockquote-mark-size: 5rem;
+  --component-blockquote-cite-font-weight: 500;
+  --component-calendar-month-gap: 32px;
+  --component-calendar-heading-padding-block: 12px;
+  --component-calendar-heading-padding-block-compact: 8px;
+  --component-calendar-heading-gap: 8px;
+  --component-calendar-cell-padding: 4px;
+  --component-calendar-cell-padding-compact: 2px;
+  --component-calendar-cell-padding-minimal: 1px;
+  --component-calendar-cell-size: 32px;
+  --component-calendar-cell-size-compact: 24px;
+  --component-calendar-cell-border-radius: 4px;
+  --component-card-padding: 20px;
+  --component-card-border-radius: 8px;
+  --component-card-border-width: 1px;
+  --component-card-icon-size: 20px;
+  --component-card-icon-optical-size: 20;
+  --component-card-shadow: 0px 1px 3px 0px rgba(6, 11, 20, 0.10), 0px 1px 2px -1px rgba(6, 11, 20, 0.06);
+  --component-card-title-font-size: 1.25rem;
+  --component-card-title-font-weight: 700;
+  --component-card-title-font-line-height: 1.25em;
+  --component-card-body-font-size: 1rem;
+  --component-card-body-font-weight: 400;
+  --component-card-body-font-line-height: 1.5em;
+  --component-checkbox-group-box-size: 16px;
+  --component-checkbox-group-gap: 8px;
+  --component-checkbox-group-item-gap: 2px;
+  --component-checkbox-group-group-gap: 8px;
+  --component-checkbox-group-items-top-gap: 12px;
+  --component-checkbox-group-input-nudge: 4px;
+  --component-checkbox-group-row-padding-block: 4px;
+  --component-checkbox-group-row-padding-inline: 6px;
+  --component-checkbox-group-content-gap: 2px;
+  --component-checkbox-group-icon-size: 75%;
+  --component-checkbox-group-disabled-opacity: 0.6;
+  --component-checkbox-group-error-accent-width: 3px;
+  --component-checkbox-group-error-message-font-weight: 600;
+  --component-checkbox-group-comfortable-box-size: 20px;
+  --component-checkbox-group-comfortable-box-size-md: 22px;
+  --component-checkbox-group-comfortable-gap: 10px;
+  --component-checkbox-group-comfortable-item-gap: 2px;
+  --component-checkbox-group-comfortable-group-gap: 10px;
+  --component-checkbox-group-comfortable-items-top-gap: 16px;
+  --component-checkbox-group-comfortable-input-nudge: 2px;
+  --component-checkbox-group-comfortable-row-padding-block: 6px;
+  --component-checkbox-group-comfortable-row-padding-inline: 8px;
+  --component-checkbox-group-compact-box-size: 14px;
+  --component-checkbox-group-compact-gap: 6px;
+  --component-checkbox-group-compact-item-gap: 2px;
+  --component-checkbox-group-compact-group-gap: 4px;
+  --component-checkbox-group-compact-items-top-gap: 8px;
+  --component-checkbox-group-compact-input-nudge: 3px;
+  --component-checkbox-group-compact-row-padding-block: 2px;
+  --component-checkbox-group-compact-row-padding-inline: 4px;
+  --component-data-table-border-width: 1px;
+  --component-data-table-header-font-weight: 500;
+  --component-data-table-focus-ring-width: 2px;
+  --component-data-table-focus-ring-offset: -1px;
+  --component-data-table-density-compact-cell-padding-block: 6px;
+  --component-data-table-density-compact-cell-padding-inline: 12px;
+  --component-data-table-density-compact-font-size: 0.75rem;
+  --component-data-table-density-default-cell-padding-block: 12px;
+  --component-data-table-density-default-cell-padding-inline: 16px;
+  --component-data-table-density-default-font-size: 0.875rem;
+  --component-data-table-density-comfortable-cell-padding-block: 20px;
+  --component-data-table-density-comfortable-cell-padding-inline: 20px;
+  --component-data-table-density-comfortable-font-size: 0.875rem;
+  --component-dialog-padding: 24px;
+  --component-dialog-border-radius: 12px;
+  --component-dialog-border-width: 1px;
+  --component-dialog-shadow: 0px 20px 25px -5px rgba(6, 11, 20, 0.10), 0px 8px 10px -6px rgba(6, 11, 20, 0.04);
+  --component-dialog-close-offset: -4px;
+  --component-dialog-footer-border-width: 1px;
+  --component-dialog-width: 560px;
+  --component-divider-size-xs: 1px;
+  --component-divider-size-sm: 2px;
+  --component-divider-size-md: 3px;
+  --component-divider-size-lg: 4px;
+  --component-field-border-width: 1px;
+  --component-field-required-border-width: 8px;
+  --component-field-error-border-width: 2px;
+  --component-field-label-font-weight: 600;
+  --component-field-focus-ring-color: #b5a0ff;
+  --component-field-focus-ring-width: 3px;
+  --component-field-focus-ring-offset: 2px;
+  --component-field-hover-background: #f0f6fe;
+  --component-field-hover-border-color: #414e61;
+  --component-field-active-background: #e1e8f3;
+  --component-field-active-border-color: #293343;
+  --component-field-read-only-background: #f0f5ff;
+  --component-field-read-only-border-color: #b9d2ff;
+  --component-field-read-only-text: #000003;
+  --component-field-comfortable-height: 52px;
+  --component-field-comfortable-padding-inline: 16px;
+  --component-field-comfortable-gap: 8px;
+  --component-field-comfortable-border-radius: 8px;
+  --component-field-default-height: 40px;
+  --component-field-default-padding-inline: 12px;
+  --component-field-default-gap: 6px;
+  --component-field-default-border-radius: 6px;
+  --component-field-compact-height: 32px;
+  --component-field-compact-padding-inline: 8px;
+  --component-field-compact-gap: 4px;
+  --component-field-compact-border-radius: 4px;
+  --component-field-chevron-size: 20px;
+  --component-field-chevron-size-comfortable: 24px;
+  --component-field-chevron-size-compact: 16px;
+  --component-field-side-label-width: minmax(100px, 160px);
+  --component-field-side-label-width-comfortable: minmax(120px, 200px);
+  --component-field-accent-compensation: 7px;
+  --component-field-accent-compensation-compact: 3px;
+  --component-field-compact-label-font-weight: 500;
+  --component-field-compact-accent-border-width: 4px;
+  --component-field-textarea-padding-block: 10px;
+  --component-field-textarea-padding-block-comfortable: 14px;
+  --component-field-textarea-padding-block-compact: 6px;
+  --component-field-credit-card-badge-font-weight: 600;
+  --component-field-credit-card-badge-border-width: 1px;
+  --component-field-credit-card-badge-padding-block: 2px;
+  --component-field-credit-card-badge-padding-inline: 6px;
+  --component-field-credit-card-badge-min-width: 40px;
+  --component-field-credit-card-badge-line-height: 1.4;
+  --component-field-credit-card-detected-offset: 52px;
+  --component-heading-mark-highlight-background-color: #fff066;
+  --component-heading-mark-highlight-foreground-color: #060b14;
+  --component-heading-mark-highlight-font-weight: 900;
+  --component-heading-mark-highlight-padding-block: 0.02em;
+  --component-heading-mark-highlight-padding-inline: 0.14em;
+  --component-heading-mark-highlight-shadow: 0px 1px 3px 0px rgba(6, 11, 20, 0.10), 0px 1px 2px -1px rgba(6, 11, 20, 0.06);
+  --component-heading-mark-underline-color: #5916b5;
+  --component-heading-mark-underline-height: 0.32em;
+  --component-heading-mark-underline-offset: -0.16em;
+  --component-heading-font-family-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --component-heading-font-family-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --component-heading-font-weight-heading: 700;
+  --component-heading-font-weight-display: 900;
+  --component-heading-font-line-height-heading: 1.25em;
+  --component-heading-font-line-height-display: 1.125em;
+  --component-icon-button-size: 40px;
+  --component-icon-button-icon-size: 24px;
+  --component-icon-button-border-radius: 6px;
+  --component-icon-button-icon-optical-size: 24;
+  --component-icon-button-focus-ring-width: 2px;
+  --component-icon-button-focus-ring-offset: 1px;
+  --component-inline-padding-block: 0.1em;
+  --component-inline-padding-inline: 0.35em;
+  --component-inline-kbd-padding-inline: 0.4em;
+  --component-inline-border-radius: 0.2em;
+  --component-inline-code-font-size: 0.875em;
+  --component-inline-emphasis-font-weight: 500;
+  --component-inline-font-family-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+  --component-link-color: #2563eb;
+  --component-link-color-hover: #0b3fb2;
+  --component-link-color-pressed: #002582;
+  --component-link-focus-ring-width: 2px;
+  --component-link-focus-ring-offset: 2px;
+  --component-link-focus-ring-radius: 2px;
+  --component-link-underline-offset: 0.2em;
+  --component-link-icon-gap: 0.25em;
+  --component-menu-width: 260px;
+  --component-menu-viewport-offset: 16px;
+  --component-menu-border-width: 1px;
+  --component-menu-section-label-font-weight: 700;
+  --component-menu-item-font-weight: 400;
+  --component-menu-item-line-height: 1.5;
+  --component-menu-item-focus-ring-width: 3px;
+  --component-menu-item-focus-ring-offset: -2px;
+  --component-menu-item-disabled-opacity: 0.4;
+  --component-menu-item-icon-size: 18px;
+  --component-menu-mobile-max-height: 80dvh;
+  --component-message-banner-padding: 12px;
+  --component-message-banner-border-radius: 8px;
+  --component-message-banner-border-width: 1px;
+  --component-message-banner-icon-size: 20px;
+  --component-message-banner-icon-margin-top: 1px;
+  --component-message-banner-icon-optical-size: 20;
+  --component-message-banner-title-font-weight: 600;
+  --component-message-banner-dismiss-size: 24px;
+  --component-message-banner-dismiss-offset: -2px;
+  --component-message-banner-focus-ring-width: 2px;
+  --component-message-banner-focus-ring-offset: 1px;
+  --component-message-banner-system-max-width: 1280px;
+  --component-message-badge-padding-block: 4px;
+  --component-message-badge-padding-inline: 8px;
+  --component-message-badge-border-radius: 6px;
+  --component-message-badge-font-weight: 500;
+  --component-message-badge-border-width: 1px;
+  --component-message-badge-line-height: 1;
+  --component-message-badge-icon-size: 1em;
+  --component-message-badge-sm-padding-block: 2px;
+  --component-message-badge-sm-padding-inline: 6px;
+  --component-message-badge-lg-padding-block: 8px;
+  --component-message-badge-lg-padding-inline: 12px;
+  --component-message-empty-state-icon-size-page: 48px;
+  --component-message-empty-state-icon-size-section: 28px;
+  --component-message-empty-state-icon-size-card: 20px;
+  --component-message-empty-state-icon-optical-size-page: 48;
+  --component-message-empty-state-icon-optical-size-section: 28;
+  --component-message-empty-state-icon-optical-size-card: 20;
+  --component-message-empty-state-wrap-size-page: 88px;
+  --component-message-empty-state-wrap-size-section: 56px;
+  --component-message-empty-state-wrap-size-card: 36px;
+  --component-message-empty-state-max-width-page: 480px;
+  --component-message-empty-state-max-width-section: 360px;
+  --component-notification-height: 18px;
+  --component-notification-dot-size: 8px;
+  --component-notification-padding-inline: 5px;
+  --component-notification-font-size: 11px;
+  --component-notification-font-weight: 600;
+  --component-notification-ring-width: 2px;
+  --component-page-layout-sidebar-width: 280px;
+  --component-page-layout-gap: 24px;
+  --component-pagination-item-size: 36px;
+  --component-pagination-item-size-sm: 28px;
+  --component-pagination-gap: 4px;
+  --component-pagination-border-width: 1px;
+  --component-pagination-font-weight-default: 400;
+  --component-pagination-font-weight-active: 500;
+  --component-pagination-focus-ring-width: 2px;
+  --component-pagination-focus-ring-offset: 2px;
+  --component-pagination-disabled-opacity: 0.35;
+  --component-pagination-ellipsis-padding-bottom: 4px;
+  --component-radio-group-control-size: 16px;
+  --component-radio-group-gap: 8px;
+  --component-radio-group-item-gap: 2px;
+  --component-radio-group-group-gap: 8px;
+  --component-radio-group-items-top-gap: 12px;
+  --component-radio-group-input-nudge: 4px;
+  --component-radio-group-row-padding-block: 4px;
+  --component-radio-group-row-padding-inline: 6px;
+  --component-radio-group-content-gap: 2px;
+  --component-radio-group-dot-size: 40%;
+  --component-radio-group-error-accent-width: 3px;
+  --component-radio-group-error-message-font-weight: 600;
+  --component-radio-group-comfortable-control-size: 20px;
+  --component-radio-group-comfortable-control-size-md: 22px;
+  --component-radio-group-comfortable-gap: 10px;
+  --component-radio-group-comfortable-item-gap: 2px;
+  --component-radio-group-comfortable-group-gap: 10px;
+  --component-radio-group-comfortable-items-top-gap: 16px;
+  --component-radio-group-comfortable-input-nudge: 2px;
+  --component-radio-group-comfortable-row-padding-block: 6px;
+  --component-radio-group-comfortable-row-padding-inline: 8px;
+  --component-radio-group-compact-control-size: 14px;
+  --component-radio-group-compact-gap: 6px;
+  --component-radio-group-compact-item-gap: 2px;
+  --component-radio-group-compact-group-gap: 4px;
+  --component-radio-group-compact-items-top-gap: 8px;
+  --component-radio-group-compact-input-nudge: 3px;
+  --component-radio-group-compact-row-padding-block: 2px;
+  --component-radio-group-compact-row-padding-inline: 4px;
+  --component-scrim-color: rgba(15, 0, 42, 0.6);
+  --component-scrim-color-dark: rgba(181, 160, 255, 0.6);
+  --component-scrim-blur: 2px;
+  --component-section-gradient-edge-width: 78%;
+  --component-section-gradient-edge-height: 62%;
+  --component-section-gradient-center-width: 68%;
+  --component-section-gradient-center-height: 76%;
+  --component-section-gradient-strength: 24;
+  --component-section-gradient-strength-inverse: 18;
+  --component-section-gradient-fade: 72;
+  --component-segmented-padding: 3px;
+  --component-segmented-gap: 2px;
+  --component-segmented-segment-padding-block: 4px;
+  --component-segmented-segment-padding-inline: 12px;
+  --component-segmented-segment-padding-block-sm: 2px;
+  --component-segmented-segment-padding-inline-sm: 8px;
+  --component-segmented-border-width: 1px;
+  --component-segmented-font-weight-default: 400;
+  --component-segmented-font-weight-active: 500;
+  --component-segmented-focus-ring-width: 2px;
+  --component-segmented-focus-ring-offset: -2px;
+  --component-side-nav-width: 280px;
+  --component-side-nav-padding-block: 8px;
+  --component-side-nav-padding-inline: 8px;
+  --component-side-nav-border-width: 1px;
+  --component-side-nav-header-min-height: 52px;
+  --component-side-nav-collapsed-width: 52px;
+  --component-side-nav-overlay-z-index: 200;
+  --component-side-nav-overlay-shadow-start: 8px 0 40px rgba(0, 0, 0, 0.18);
+  --component-side-nav-overlay-shadow-end: -8px 0 40px rgba(0, 0, 0, 0.18);
+  --component-side-nav-item-height: 36px;
+  --component-side-nav-item-padding-inline: 8px;
+  --component-side-nav-item-gap: 8px;
+  --component-side-nav-item-border-radius: 6px;
+  --component-side-nav-item-icon-size: 20px;
+  --component-side-nav-item-indent: 20px;
+  --component-side-nav-item-focus-ring-width: 3px;
+  --component-side-nav-item-focus-ring-offset: -2px;
+  --component-side-nav-item-font-line-height: 1.5;
+  --component-side-nav-item-active-font-weight: 500;
+  --component-side-nav-item-chevron-size: 18px;
+  --component-switch-track-width: 40px;
+  --component-switch-track-height: 22px;
+  --component-switch-thumb-size: 16px;
+  --component-switch-gap: 3px;
+  --component-switch-row-gap: 6px;
+  --component-switch-row-padding-block: 4px;
+  --component-switch-row-padding-inline: 6px;
+  --component-switch-content-gap: 1px;
+  --component-switch-group-gap: 4px;
+  --component-switch-thumb-shadow: 0px 1px 3px 0px rgba(6, 11, 20, 0.10), 0px 1px 2px -1px rgba(6, 11, 20, 0.06);
+  --component-switch-message-error-font-weight: 600;
+  --component-switch-accessible-icon-size: 60%;
+  --component-switch-comfortable-track-width: 56px;
+  --component-switch-comfortable-track-height: 28px;
+  --component-switch-comfortable-thumb-size: 20px;
+  --component-switch-comfortable-gap: 4px;
+  --component-switch-comfortable-row-gap: 8px;
+  --component-switch-comfortable-row-padding-block: 6px;
+  --component-switch-comfortable-row-padding-inline: 8px;
+  --component-switch-comfortable-content-gap: 2px;
+  --component-switch-comfortable-group-gap: 6px;
+  --component-switch-compact-track-width: 32px;
+  --component-switch-compact-track-height: 18px;
+  --component-switch-compact-thumb-size: 12px;
+  --component-switch-compact-gap: 3px;
+  --component-switch-compact-row-gap: 4px;
+  --component-switch-compact-row-padding-block: 2px;
+  --component-switch-compact-row-padding-inline: 4px;
+  --component-switch-compact-content-gap: 1px;
+  --component-switch-compact-group-gap: 2px;
+  --component-tab-padding-block: 8px;
+  --component-tab-padding-inline: 16px;
+  --component-tab-padding-block-sm: 4px;
+  --component-tab-padding-inline-sm: 12px;
+  --component-tab-indicator-size: 2px;
+  --component-tab-border-width: 1px;
+  --component-tab-font-weight-default: 400;
+  --component-tab-font-weight-active: 500;
+  --component-tab-focus-ring-width: 2px;
+  --component-tab-focus-ring-offset: -2px;
+  --component-tab-z-index-active: 1;
+  --component-tab-margin-bottom: -1px;
+  --component-tab-scroll-button-width: 32px;
+  --component-tab-scroll-button-icon-size: 20px;
+  --component-tab-icon-size: 1.1em;
+  --component-tab-icon-above-size: 1.5em;
+  --component-tab-count-min-width: 18px;
+  --component-tab-count-height: 18px;
+  --component-tab-count-padding-inline: 5px;
+  --component-tab-count-border-radius: 999px;
+  --component-tab-count-font-size: 11px;
+  --component-tab-count-line-height: 1;
+  --component-tab-folder-curve-adjustment: 0.5px;
+  --component-tab-progress-step-size: 24px;
+  --component-tab-progress-step-size-md: 32px;
+  --component-tab-progress-line-height: 2px;
+  --component-tab-progress-step-font-size: 0.75rem;
+  --component-tab-progress-step-border-width: 2px;
+  --component-tab-progress-completed-icon-size: 16px;
+  --component-tab-progress-selected-ring: 0 0 0 3px color-mix(in srgb, var(--semantic-color-action-background) 25%, transparent);
+  --component-top-header-height: 64px;
+  --component-top-header-padding-inline: 24px;
+  --component-top-header-border-width: 1px;
+  --component-top-header-z-index: 100;
+  --component-paragraph-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --component-paragraph-font-weight: 400;
+  --component-paragraph-font-line-height: 1.75em;
+  --brand-a1-color-primary: #7c3aed;
+  --brand-a1-color-neutral: #64748b;
+  --brand-a1-color-accent: #7c3aed;
+  --brand-a1-color-info: #2563eb;
+  --brand-a1-color-error: #dc2626;
+  --brand-a1-color-warn: #d97706;
+  --brand-a1-color-success: #16a34a;
+  --brand-a1-button-primary-background: #7c3aed;
+  --brand-a1-button-primary-background-hover: #5916b5;
+  --brand-a1-button-primary-background-pressed: #230051;
+  --brand-a1-button-primary-foreground: #fcfbff;
+  --brand-a1-button-primary-foreground-hover: #f5f3ff;
+  --brand-a1-button-primary-foreground-pressed: #e8e4ff;
+  --brand-a1-button-primary-border: #7c3aed;
+  --brand-a1-button-secondary-background: #fcfbff;
+  --brand-a1-button-secondary-background-hover: #f5f3ff;
+  --brand-a1-button-secondary-background-pressed: #e8e4ff;
+  --brand-a1-button-secondary-foreground: #5916b5;
+  --brand-a1-button-secondary-foreground-hover: #3d0082;
+  --brand-a1-button-secondary-foreground-pressed: #230051;
+  --brand-a1-button-secondary-border: #7c3aed;
+  --brand-a1-button-secondary-border-hover: #3d0082;
+  --brand-a1-button-secondary-border-pressed: #230051;
+  --brand-a1-button-tertiary-background: #fcfbff;
+  --brand-a1-button-tertiary-background-hover: #f5f3ff;
+  --brand-a1-button-tertiary-background-pressed: #e8e4ff;
+  --brand-a1-button-tertiary-foreground: #5916b5;
+  --brand-a1-button-tertiary-foreground-hover: #3d0082;
+  --brand-a1-button-tertiary-foreground-pressed: #230051;
+  --brand-a1-button-tertiary-border: #fcfbff;
+  --brand-a1-button-tertiary-border-hover: #f5f3ff;
+  --brand-a1-button-tertiary-border-pressed: #e8e4ff;
+  --brand-a1-button-focus-ring: #b5a0ff;
+  --brand-a1-font-size-body-xs: 0.75rem;
+  --brand-a1-font-size-body-sm: 0.875rem;
+  --brand-a1-font-size-body-md: 1rem;
+  --brand-a1-font-size-body-lg: 1.125rem;
+  --brand-a1-font-size-body-xl: 1.25rem;
+  --brand-a1-font-size-heading-xxl: 2.5rem;
+  --brand-a1-font-size-heading-xl: 2rem;
+  --brand-a1-font-size-heading-lg: 1.75rem;
+  --brand-a1-font-size-heading-md: 1.5rem;
+  --brand-a1-font-size-heading-sm: 1.25rem;
+  --brand-a1-font-size-heading-xs: 1.125rem;
+  --brand-a1-font-size-display-sm: 1.5rem;
+  --brand-a1-font-size-display-md: 1.75rem;
+  --brand-a1-font-size-display-lg: 2rem;
+  --brand-a1-font-size-display-xl: 2.5rem;
+  --brand-a1-font-size-display-xxl: 3.5rem;
+  --brand-a1-font-size-display-jumbo: 4.5rem;
+  --brand-a1-font-size-display-x-jumbo: 6rem;
+  --brand-a1-font-weight-body: 400;
+  --brand-a1-font-weight-heading: 700;
+  --brand-a1-font-weight-display: 900;
+  --brand-a1-font-line-height-body: 1.5em;
+  --brand-a1-font-line-height-heading: 1.25em;
+  --brand-a1-font-line-height-display: 1.125em;
+  --container-query-compact-min: 0px;
+  --container-query-compact-max: 480px;
+  --container-query-standard-min: 480px;
+  --theme-a1-light-button-primary-border-width: 0px;
+  --theme-a1-light-button-primary-background: #7c3aed;
+  --theme-a1-light-button-primary-background-hover: #5916b5;
+  --theme-a1-light-button-primary-background-pressed: #230051;
+  --theme-a1-light-button-primary-foreground: #fcfbff;
+  --theme-a1-light-button-primary-foreground-pressed: #e8e4ff;
+  --theme-a1-light-button-primary-border: #7c3aed;
+  --theme-a1-light-button-secondary-border-width: 1px;
+  --theme-a1-light-button-secondary-background: #fcfbff;
+  --theme-a1-light-button-secondary-background-hover: #f5f3ff;
+  --theme-a1-light-button-secondary-background-pressed: #e8e4ff;
+  --theme-a1-light-button-secondary-foreground: #5916b5;
+  --theme-a1-light-button-secondary-foreground-hover: #3d0082;
+  --theme-a1-light-button-secondary-foreground-pressed: #230051;
+  --theme-a1-light-button-secondary-border: #7c3aed;
+  --theme-a1-light-button-secondary-border-hover: #3d0082;
+  --theme-a1-light-button-secondary-border-pressed: #230051;
+  --theme-a1-light-button-tertiary-border-width: 1px;
+  --theme-a1-light-button-tertiary-background: #fcfbff;
+  --theme-a1-light-button-tertiary-background-hover: #f5f3ff;
+  --theme-a1-light-button-tertiary-background-pressed: #e8e4ff;
+  --theme-a1-light-button-tertiary-foreground: #5916b5;
+  --theme-a1-light-button-tertiary-foreground-hover: #3d0082;
+  --theme-a1-light-button-tertiary-foreground-pressed: #230051;
+  --theme-a1-light-button-tertiary-border: #fcfbff;
+  --theme-a1-light-button-tertiary-border-hover: #f5f3ff;
+  --theme-a1-light-button-tertiary-border-pressed: #e8e4ff;
+  --theme-a1-light-button-border-radius: 6px;
+  --theme-a1-light-button-padding-block: 10px;
+  --theme-a1-light-button-padding-inline: 12px;
+  --theme-a1-light-button-min-height: 40px;
+  --theme-a1-light-button-gap: 0.5rem;
+  --theme-a1-light-button-border-width: 0px;
+  --theme-a1-light-button-focus-ring-width: 3px;
+  --theme-a1-light-button-focus-ring-offset: 2px;
+  --theme-a1-light-button-disabled-opacity: 0.55;
+  --theme-a1-light-button-focus-ring: #b5a0ff;
+  --theme-a1-light-color-text-default: #060b14;
+  --theme-a1-light-color-text-muted: #64748b;
+  --theme-a1-light-color-text-inverse: #ffffff;
+  --theme-a1-light-color-surface-page: #ffffff;
+  --theme-a1-light-color-surface-panel: #f0f6fe;
+  --theme-a1-light-color-surface-raised: #e1e8f3;
+  --theme-a1-light-color-border-subtle: #c8d2e0;
+  --theme-a1-light-color-border-default: #a6b2c4;
+  --theme-a1-light-color-border-strong: #64748b;
+  --theme-a1-light-color-action-background: #7c3aed;
+  --theme-a1-light-color-action-background-hover: #5916b5;
+  --theme-a1-light-color-action-background-pressed: #230051;
+  --theme-a1-light-color-action-foreground: #e8e4ff;
+  --theme-a1-light-color-action-foreground-pressed: #b5a0ff;
+  --theme-a1-light-color-action-surface: #f5f3ff;
+  --theme-a1-light-color-action-border: #b5a0ff;
+  --theme-a1-light-color-status-info-background: #2563eb;
+  --theme-a1-light-color-status-info-surface: #f0f5ff;
+  --theme-a1-light-color-status-info-border: #87b0ff;
+  --theme-a1-light-color-status-info-foreground: #fafcff;
+  --theme-a1-light-color-status-error-background: #dc2626;
+  --theme-a1-light-color-status-error-surface: #fff2f0;
+  --theme-a1-light-color-status-error-border: #ff8b7e;
+  --theme-a1-light-color-status-error-foreground: #fffbfa;
+  --theme-a1-light-color-status-warn-background: #4f2700;
+  --theme-a1-light-color-status-warn-surface: #fff3ea;
+  --theme-a1-light-color-status-warn-border: #e59f68;
+  --theme-a1-light-color-status-warn-foreground: #fffbf8;
+  --theme-a1-light-color-status-success-background: #003f17;
+  --theme-a1-light-color-status-success-surface: #dfffe4;
+  --theme-a1-light-color-status-success-border: #78c687;
+  --theme-a1-light-color-status-success-foreground: #f5fff6;
+  --theme-a1-light-font-family-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --theme-a1-light-font-family-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --theme-a1-light-font-family-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --theme-a1-light-font-family-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+  --theme-a1-light-font-size-body-xs: 0.75rem;
+  --theme-a1-light-font-size-body-sm: 0.875rem;
+  --theme-a1-light-font-size-body-md: 1rem;
+  --theme-a1-light-font-size-body-lg: 1.125rem;
+  --theme-a1-light-font-size-body-xl: 1.25rem;
+  --theme-a1-light-font-size-heading-xl: 2rem;
+  --theme-a1-light-font-size-heading-lg: 1.75rem;
+  --theme-a1-light-font-size-heading-md: 1.5rem;
+  --theme-a1-light-font-size-heading-sm: 1.25rem;
+  --theme-a1-light-font-size-heading-xs: 1.125rem;
+  --theme-a1-light-font-size-display-sm: 1.5rem;
+  --theme-a1-light-font-size-display-md: 1.75rem;
+  --theme-a1-light-font-size-display-lg: 2rem;
+  --theme-a1-light-font-size-display-xl: 2.5rem;
+  --theme-a1-light-font-size-display-xxl: 3.5rem;
+  --theme-a1-light-font-size-display-jumbo: 4.5rem;
+  --theme-a1-light-font-size-display-x-jumbo: 6rem;
+  --theme-a1-light-font-weight-body: 400;
+  --theme-a1-light-font-weight-heading: 700;
+  --theme-a1-light-font-weight-display: 900;
+  --theme-a1-light-font-line-height-body: 1.5em;
+  --theme-a1-light-font-line-height-heading: 1.25em;
+  --theme-a1-light-font-line-height-display: 1.125em;
+  --theme-a1-light-font-user-size-small: 0.875rem;
+  --theme-a1-light-font-user-size-medium: 1rem;
+  --theme-a1-light-font-user-size-large: 1.125rem;
+  --theme-a1-light-font-user-size-xl: 1.25rem;
+  --theme-a1-accessible-font-family-body: 'Atkinson Hyperlegible', Inter, ui-sans-serif, system-ui, sans-serif;
+  --theme-a1-accessible-font-family-heading: 'Atkinson Hyperlegible', Inter, ui-sans-serif, system-ui, sans-serif;
+  --theme-a1-accessible-font-family-display: 'Atkinson Hyperlegible', Inter, ui-sans-serif, system-ui, sans-serif;
+  --theme-a1-accessible-font-family-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+  --theme-a1-accessible-font-size-body-xs: 0.84375rem;
+  --theme-a1-accessible-font-size-body-sm: 0.984375rem;
+  --theme-a1-accessible-font-size-body-md: 1.125rem;
+  --theme-a1-accessible-font-size-body-lg: 1.265625rem;
+  --theme-a1-accessible-font-size-body-xl: 1.40625rem;
+  --theme-a1-accessible-font-size-heading-xl: 2.25rem;
+  --theme-a1-accessible-font-size-heading-lg: 1.96875rem;
+  --theme-a1-accessible-font-size-heading-md: 1.6875rem;
+  --theme-a1-accessible-font-size-heading-sm: 1.40625rem;
+  --theme-a1-accessible-font-size-heading-xs: 1.265625rem;
+  --theme-a1-accessible-font-size-display-sm: 1.6875rem;
+  --theme-a1-accessible-font-size-display-md: 1.96875rem;
+  --theme-a1-accessible-font-size-display-lg: 2.25rem;
+  --theme-a1-accessible-font-size-display-xl: 2.8125rem;
+  --theme-a1-accessible-font-size-display-xxl: 3.9375rem;
+  --theme-a1-accessible-font-size-display-jumbo: 5.0625rem;
+  --theme-a1-accessible-font-size-display-x-jumbo: 6.75rem;
+  --theme-a1-accessible-font-weight-body: 400;
+  --theme-a1-accessible-font-weight-heading: 700;
+  --theme-a1-accessible-font-weight-display: 900;
+  --theme-a1-accessible-font-line-height-body: 1.5em;
+  --theme-a1-accessible-font-line-height-heading: 1.25em;
+  --theme-a1-accessible-font-line-height-display: 1.125em;
+  --theme-a1-accessible-font-user-size-small: 0.875rem;
+  --theme-a1-accessible-font-user-size-medium: 1rem;
+  --theme-a1-accessible-font-user-size-large: 1.125rem;
+  --theme-a1-accessible-font-user-size-xl: 1.25rem;
+  --theme-a1-catlympics-font-family-body: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --theme-a1-catlympics-font-family-heading: 'Patrick Hand SC', system-ui, -apple-system, sans-serif;
+  --theme-a1-catlympics-font-family-display: 'Baloo 2', system-ui, -apple-system, sans-serif;
+  --theme-a1-catlympics-font-family-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+  --theme-a1-catlympics-font-weight-body: 400;
+  --theme-a1-catlympics-font-weight-heading: 400;
+  --theme-a1-catlympics-font-weight-display: 700;
+  --theme-a1-heritage-font-family-body: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --theme-a1-heritage-font-family-heading: 'Libre Baskerville', Georgia, Cambria, 'Times New Roman', serif;
+  --theme-a1-heritage-font-family-display: 'Roboto Slab', Rockwell, Clarendon, Georgia, serif;
+  --theme-a1-heritage-font-family-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+  --theme-a1-heritage-font-size-body-xs: 0.75rem;
+  --theme-a1-heritage-font-size-body-sm: 0.875rem;
+  --theme-a1-heritage-font-size-body-md: 1rem;
+  --theme-a1-heritage-font-size-body-lg: 1.125rem;
+  --theme-a1-heritage-font-size-body-xl: 1.25rem;
+  --theme-a1-heritage-font-size-heading-xl: 2rem;
+  --theme-a1-heritage-font-size-heading-lg: 1.75rem;
+  --theme-a1-heritage-font-size-heading-md: 1.5rem;
+  --theme-a1-heritage-font-size-heading-sm: 1.25rem;
+  --theme-a1-heritage-font-size-heading-xs: 1.125rem;
+  --theme-a1-heritage-font-size-display-sm: 1.5rem;
+  --theme-a1-heritage-font-size-display-md: 1.75rem;
+  --theme-a1-heritage-font-size-display-lg: 2rem;
+  --theme-a1-heritage-font-size-display-xl: 2.5rem;
+  --theme-a1-heritage-font-size-display-xxl: 3.5rem;
+  --theme-a1-heritage-font-size-display-jumbo: 4.5rem;
+  --theme-a1-heritage-font-size-display-x-jumbo: 6rem;
+  --theme-a1-heritage-font-weight-body: 400;
+  --theme-a1-heritage-font-weight-heading: 400;
+  --theme-a1-heritage-font-weight-display: 300;
+  --theme-a1-heritage-font-line-height-body: 1.5em;
+  --theme-a1-heritage-font-line-height-heading: 1.25em;
+  --theme-a1-heritage-font-line-height-display: 1.125em;
+  --theme-a1-heritage-font-user-size-small: 0.875rem;
+  --theme-a1-heritage-font-user-size-medium: 1rem;
+  --theme-a1-heritage-font-user-size-large: 1.125rem;
+  --theme-a1-heritage-font-user-size-xl: 1.25rem;
+}