// Generated Figma variables export const variables = { // Variables from 1. layout-primitives.json 'layout-primitives': { radius: { null: 0, '3xs': 2, '2xs': 4, xs: 8, sm: 12, md: 16, lg: 20, xl: 24, '2xl': 32, round: 72, }, spacing: { null: 0, '5xs': 2, '4xs': 4, '3xs': 6, '2xs': 8, xs: 10, sm: 12, md: 16, lg: 20, xl: 24, '2xl': 32, '3xl': 40, '4xl': 48, '5xl': 56, '6xl': 64, '7xl': 72, }, border: { '0': 0, '1': 1, '2': 2, '3': 3, }, 'icon-size': { sm: 16, md: 20, lg: 24, xl: 32, '2xl': 40, '3xl': 48, '4xl': 64, }, }, // Variables from 2. typography-primitives.json 'typography-primitives': { 'family-header': 'Switzer Variable', 'family-body': 'Switzer Variable', 'family-mono': 'IBM Plex Mono', 'font-light': 'Light', 'font-normal': 'Regular', 'font-medium': 'Medium', 'font-bold': 'SemiBold', 'font-extrabold': 'Bold', 'font-light-italic': 'Light Italic', 'font-italic': 'Italic', 'font-medium-italic': 'Medium Italic', 'font-bold-italic': 'SemiBold Italic', 'font-extrabold-italic': 'Bold Italic', 'text-xxs': 10, 'text-xs': 12, 'text-sm': 14, 'text-base': 16, 'text-lg': 18, 'text-xl': 20, 'text-2xl': 24, 'text-3xl': 30, 'text-4xl': 36, 'text-5xl': 48, 'line-height-xs': 14, 'line-height-xxs': 12, 'line-height-sm': 16, 'line-height-md': 20, 'line-height-lg': 24, 'line-height-xl': 28, 'line-height-2xl': 32, 'line-height-3xl': 36, 'line-height-4xl': 40, 'line-height-5xl': 48, 'letter-spacing-tightest': -0.11999999731779099, 'letter-spacing-tighter': -0.07999999821186066, 'letter-spacing-tight': -0.03999999910593033, 'letter-spacing-normal': 0, 'letter-spacing-wide': 0.03999999910593033, 'letter-spacing-wider': 0.07999999821186066, 'letter-spacing-widest': 0.11999999731779099, }, // Variables from 3. theme-typography.json 'theme-typography': { 'h1-family': 'Switzer Variable', 'h1-font': 'SemiBold', 'h1-size': 48, 'h1-line-height': 48, 'h1-letter-spacing': -0.11999999731779099, 'h2-family': 'Switzer Variable', 'h2-font': 'SemiBold', 'h2-size': 30, 'h2-line-height': 36, 'h2-letter-spacing': -0.07999999821186066, 'h3-family': 'Switzer Variable', 'h3-font': 'SemiBold', 'h3-size': 24, 'h3-line-height': 32, 'h3-letter-spacing': -0.03999999910593033, 'h4-family': 'Switzer Variable', 'p-lg-family': 'Switzer Variable', 'p-lg-font': 'Medium', 'p-lg-size': 18, 'p-lg-line-height': 32, 'p-lg-letter-spacing': 0, 'h4-font': 'SemiBold', 'h4-size': 20, 'h4-line-height': 28, 'h4-letter-spacing': -0.03999999910593033, 'p-family': 'Switzer Variable', 'p-sm-family': 'Switzer Variable', 'p-sm-font': 'Medium', 'p-sm-size': 14, 'p-sm-line-height': 24, 'p-sm-letter-spacing': 0, 'p-font': 'Medium', 'p-size': 16, 'p-line-height': 28, 'p-letter-spacing': 0, 'blockquote-family': 'Switzer Variable', 'table-header-family': 'Switzer Variable', 'table-header-font': 'SemiBold', 'table-header-size': 16, 'table-header-line-height': 24, 'table-header-letter-spacing': 0, 'table-family': 'Switzer Variable', 'table-font': 'Medium', 'table-size': 16, 'table-line-height': 24, 'table-letter-spacing': 0, 'blockquote-font': 'Medium Italic', 'blockquote-size': 16, 'blockquote-line-height': 24, 'blockquote-letter-spacing': 0, 'list-family': 'Switzer Variable', 'list-font': 'Medium', 'list-size': 16, 'list-line-height': 24, 'list-letter-spacing': 0, 'inline-code-family': 'IBM Plex Mono', 'inline-code-font': 'SemiBold', 'inline-code-size': 14, 'inline-code-line-height': 20, 'inline-code-letter-spacing': 0, 'lead-family': 'Switzer Variable', 'lead-font': 'SemiBold', 'lead-size': 20, 'lead-line-height': 28, 'lead-letter-spacing': 0, 'large-family': 'Switzer Variable', 'large-font': 'SemiBold', 'large-size': 18, 'large-line-height': 28, 'large-letter-spacing': 0, 'medium-family': 'Switzer Variable', 'medium-font': 'SemiBold', 'medium-size': 16, 'medium-line-height': 20, 'medium-letter-spacing': 0, 'small-family': 'Switzer Variable', 'small-font': 'SemiBold', 'small-size': 12, 'small-line-height': 14, 'small-letter-spacing': 0, 'muted-lg-family': 'Switzer Variable', 'muted-lg-font': 'Regular', 'muted-lg-size': 18, 'muted-lg-line-height': 28, 'muted-lg-letter-spacing': 0, 'muted-family': 'Switzer Variable', 'muted-font': 'Regular', 'muted-size': 16, 'muted-line-height': 24, 'muted-letter-spacing': 0, 'muted-sm-family': 'Switzer Variable', 'muted-sm-font': 'Regular', 'muted-sm-size': 14, 'muted-sm-line-height': 20, 'muted-sm-letter-spacing': 0, }, // Variables from 5. theme-color.json 'theme-color': { 'background-subtle': '#fdfdfd', background: '#f8fafc', 'background-strong': '#f1f5f9', 'text-header': '#050505', 'text-header-foreground': '#fdfdfd', 'text-paragraph': '#1e293b', 'text-paragraph-foreground': '#fdfdfd', 'text-label': '#475569', 'text-label-foreground': '#fdfdfd', 'text-muted': '#94a3b8', 'text-muted-foreground': '#f1f5f9', link: '#3b82f6', 'link-foreground': '#eff6ff', 'text-disabled': '#cbd5e1', 'text-disabled-foreground': '#94a3b8', 'text-error': '#dc2626', 'text-error-foreground': '#fef2f2', 'text-success': '#16a34a', 'text-success-foreground': '#f0fdf4', foreground: '#1e293b', input: '#64748b', 'foreground-ondark': '#fdfdfd', 'border-light': '#f1f5f9', accent: '#e2e8f0', 'border-subtle': '#cbd5e1', 'accent-foreground': '#1e293b', border: '#94a3b8', 'border-strong': '#1e293b', 'primary-background': '#334155', 'primary-foreground': '#fdfdfd', 'disabled-null': 'rgba(0, 0, 0, 0)', 'primary-active': '#1e293b', 'primary-loading': '#475569', 'primary-border': '#334155', 'primary-border-active': '#1e293b', 'primary-border-loading': '#475569', 'secondary-background': '#ec4899', 'secondary-foreground': '#fdfdfd', 'secondary-active': '#db2777', 'secondary-loading': '#f472b6', 'secondary-border': 'rgba(0, 0, 0, 0)', 'secondary-border-active': 'rgba(0, 0, 0, 0)', 'secondary-border-loading': 'rgba(0, 0, 0, 0)', 'subtle-background': '#e2e8f0', 'subtle-foreground': '#1e293b', 'subtle-active': '#cbd5e1', 'subtle-loading': '#f1f5f9', 'subtle-border': 'rgba(0, 0, 0, 0)', 'subtle-border-active': 'rgba(0, 0, 0, 0)', 'subtle-border-loading': 'rgba(0, 0, 0, 0)', 'ghost-background': 'rgba(0, 0, 0, 0)', 'ghost-foreground': '#1e293b', 'ghost-active': '#f1f5f9', 'ghost-loading': 'rgba(0, 0, 0, 0)', 'ghost-border': 'rgba(0, 0, 0, 0)', 'ghost-border-active': 'rgba(0, 0, 0, 0)', 'ghost-border-loading': 'rgba(0, 0, 0, 0)', disabled: '#f1f5f9', 'disabled-dark': '#cbd5e1', 'disabled-foreground': '#cbd5e1', 'disabled-foreground-ondark': '#f8fafc', 'disabled-border': '#e2e8f0', 'disabled-border-ondark': '#cbd5e1', 'destructive-background': '#dc2626', 'destructive-foreground': '#fdfdfd', 'destructive-active': '#b91c1c', 'destructive-loading': '#ef4444', 'destructive-border': '#dc2626', 'destructive-border-active': '#b91c1c', 'destructive-border-loading': '#ef4444', muted: '#e2e8f0', 'muted-foreground': '#1e293b', card: '#fdfdfd', 'card-foreground': '#1e293b', popover: '#fdfdfd', 'popover-foreground': '#1e293b', ring: '#334155', 'ring-secondary': '#ec4899', 'ring-subtle': '#cbd5e1', 'ring-ghost': '#cbd5e1', 'ring-destructive': '#dc2626', 'shadow-subtle': 'rgba(100, 116, 139, 0.11999999731779099)', shadow: 'rgba(100, 116, 139, 0.23999999463558197)', 'shadow-strong': 'rgba(100, 116, 139, 0.3199999928474426)', 'selector-background': '#f8fafc', 'selector-track-background': '#e2e8f0', 'selector-foreground': '#fdfdfd', 'selector-accent-false': 'rgba(0, 0, 0, 0)', 'selector-accent-true': '#ec4899', 'selector-accent-onTap': '#94a3b8', 'selector-border': '#94a3b8', 'selector-border-active': '#ec4899', 'selector-border-onTap': '#94a3b8', 'selector-thumb-false': '#fdfdfd', 'selector-border-thumb-false': '#f1f5f9', 'selector-thumb-true': '#fdfdfd', 'selector-border-thumb-true': '#f1f5f9', 'shadow-inner': '#e2e8f0', 'outline-background': '#fdfdfd', 'outline-foreground': '#1e293b', 'outline-active': '#f1f5f9', 'outline-loading': '#f8fafc', 'outline-border': '#e2e8f0', 'outline-border-active': '#cbd5e1', 'outline-border-loading': '#e2e8f0', 'input-background': '#f8fafc', 'input-background-hover': '#f8fafc', 'input-background-focus': '#fdfdfd', 'input-background-invalid': '#f8fafc', 'input-border': '#cbd5e1', 'input-border-hover': '#94a3b8', 'input-border-focus': '#1e293b', 'input-border-invalid': '#dc2626', 'input-icon': '#64748b', 'input-icon-hover': '#334155', 'input-icon-focus': '#0f172a', 'input-icon-invalid': '#dc2626', }, // Variables from [button].json '[button]': { 'button-radius-sm': 8, 'icon-only-button-radius-sm': 8, 'button-spacing-sm': 4, 'icon-only-button-spacing-sm': 4, 'button-padding-horizontal-sm': 12, 'icon-only-button-padding-horizontal-sm': 0, 'button-border-none': 0, 'icon-only-button-border-none': 0, 'button-border-sm': 2, 'icon-only-button-border-sm': 2, 'button-border-md': 2, 'icon-only-button-border-md': 2, 'button-border-lg': 2, 'icon-only-button-border-lg': 2, 'button-ring-border': 2, 'icon-only-button-ring-border': 2, 'button-padding-horizontal-md': 16, 'icon-only-button-padding-horizontal-md': 0, 'button-padding-horizontal-lg': 20, 'icon-only-button-padding-horizontal-lg': 0, 'button-padding-vertical-sm': 0, 'icon-only-button-padding-vertical-sm': 0, 'button-padding-vertical-md': 0, 'icon-only-button-padding-vertical-md': 0, 'button-padding-vertical-lg': 0, 'icon-only-button-padding-vertical-lg': 0, 'button-spacing-md': 4, 'icon-only-button-spacing-md': 4, 'button-spacing-lg': 6, 'icon-only-button-spacing-lg': 6, 'button-radius-md': 8, 'icon-only-button-radius-md': 8, 'button-radius-lg': 8, 'icon-only-button-radius-lg': 8, 'button-radius-round': 72, 'icon-only-button-radius-round': 72, 'button-height-sm': 40, 'icon-only-button-height-sm': 40, 'button-height-md': 48, 'icon-only-button-height-md': 48, 'button-height-lg': 56, 'icon-only-button-height-lg': 56, }, // Variables from [input].json '[input]': { 'input-radius-round': 72, 'Underline-input-radius-round': 0, 'Round-input-radius-round': 72, 'input-spacing-sm': 6, 'Underline-input-spacing-sm': 6, 'Round-input-spacing-sm': 6, 'input-spacing-md': 8, 'Underline-input-spacing-md': 8, 'Round-input-spacing-md': 8, 'input-spacing-lg': 10, 'Underline-input-spacing-lg': 10, 'Round-input-spacing-lg': 10, 'input-radius-sm': 8, 'Underline-input-radius-sm': 0, 'Round-input-radius-sm': 72, 'input-padding-horizontal-sm': 12, 'Underline-input-padding-horizontal-sm': 12, 'Round-input-padding-horizontal-sm': 16, 'input-border-top': 1, 'Underline-input-border-top': 0, 'Round-input-border-top': 1, 'input-border-left': 1, 'Underline-input-border-left': 0, 'Round-input-border-left': 1, 'input-border-right': 1, 'Underline-input-border-right': 0, 'Round-input-border-right': 1, 'input-border-bottom': 1, 'Underline-input-border-bottom': 1, 'Round-input-border-bottom': 1, 'input-ring-border': 1, 'Underline-input-ring-border': 1, 'Round-input-ring-border': 1, 'input-padding-horizontal-md': 16, 'Underline-input-padding-horizontal-md': 16, 'Round-input-padding-horizontal-md': 20, 'input-padding-horizontal-lg': 20, 'Underline-input-padding-horizontal-lg': 20, 'Round-input-padding-horizontal-lg': 24, 'input-padding-vertical-sm': 8, 'Underline-input-padding-vertical-sm': 8, 'Round-input-padding-vertical-sm': 8, 'input-padding-vertical-md': 8, 'Underline-input-padding-vertical-md': 8, 'Round-input-padding-vertical-md': 8, 'input-padding-vertical-lg': 8, 'Underline-input-padding-vertical-lg': 8, 'Round-input-padding-vertical-lg': 8, 'input-radius-md': 8, 'Underline-input-radius-md': 0, 'Round-input-radius-md': 72, 'input-radius-lg': 8, 'Underline-input-radius-lg': 0, 'Round-input-radius-lg': 72, 'input-height-sm': 40, 'Underline-input-height-sm': 40, 'Round-input-height-sm': 40, 'input-height-md': 48, 'Underline-input-height-md': 48, 'Round-input-height-md': 48, 'input-height-lg': 56, 'Underline-input-height-lg': 56, 'Round-input-height-lg': 56, 'input-ring': false, 'Underline-input-ring': false, 'Round-input-ring': false, 'input-icon-sm': 16, 'Underline-input-icon-sm': 16, 'Round-input-icon-sm': 16, 'input-icon-md': 20, 'Underline-input-icon-md': 20, 'Round-input-icon-md': 20, 'input-icon-lg': 24, 'Underline-input-icon-lg': 24, 'Round-input-icon-lg': 24, }, // Variables from [selectors].json '[selectors]': { 'checkbox-size': 24, 'lg-checkbox-size': 28, 'checkbox-icon-size': 16, 'lg-checkbox-icon-size': 20, 'checkbox-onTap-size': 40, 'lg-checkbox-onTap-size': 48, 'checkbox-radius': 2, 'lg-checkbox-radius': 2, 'checkbox-border-size': 1, 'lg-checkbox-border-size': 1, 'checkbox-padding': 0, 'lg-checkbox-padding': 0, 'checkbox-icon': true, 'lg-checkbox-icon': true, 'checkbox-onTap': true, 'lg-checkbox-onTap': true, 'radio-size': 24, 'lg-radio-size': 28, 'radio-icon-size': 12, 'lg-radio-icon-size': 14, 'radio-onTap-size': 40, 'lg-radio-onTap-size': 48, 'radio-radius': 72, 'lg-radio-radius': 72, 'radio-border-size': 1, 'lg-radio-border-size': 1, 'radio-padding': 8, 'lg-radio-padding': 10, 'radio-icon': true, 'lg-radio-icon': true, 'radio-onTap': true, 'lg-radio-onTap': true, 'switch-track-height': 24, 'lg-switch-track-height': 28, 'switch-track-width': 40, 'lg-switch-track-width': 48, 'switch-track-padding-left': 2, 'lg-switch-track-padding-left': 2, 'switch-track-padding-right': 2, 'lg-switch-track-padding-right': 2, 'switch-track-radius': 72, 'lg-switch-track-radius': 72, 'switch-track-border-size': 1, 'lg-switch-track-border-size': 1, 'switch-thumb-size-false': 16, 'lg-switch-thumb-size-false': 20, 'switch-thumb-size-onTap': 18, 'lg-switch-thumb-size-onTap': 22, 'switch-thumb-size-true': 20, 'lg-switch-thumb-size-true': 24, 'switch-thumb-radius': 72, 'lg-switch-thumb-radius': 72, 'switch-thumb-border-size': 1, 'lg-switch-thumb-border-size': 1, }, } // Type for the variables export type Variables = typeof variables