{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "snapp-theme", "title": "Snapp Theme", "description": "Shared Snapp brand colors, typography, responsive breakpoints, and layout sizing tokens.", "dependencies": [ "@fontsource/ibm-plex-sans", "@fontsource/judson" ], "files": [ { "path": "registry/radix-nova/theme/snapp-theme.css", "content": "@custom-variant dark (&:where(.dark, .dark *));\n@custom-variant data-horizontal (&[data-orientation=\"horizontal\"]);\n@custom-variant data-vertical (&[data-orientation=\"vertical\"]);\n\n@theme {\n\t--breakpoint-snapp-phone: 26.25rem;\n\t--breakpoint-snapp-narrow: 30rem;\n\t--breakpoint-snapp-compact: 35rem;\n\t--breakpoint-snapp-mobile: 47.5rem;\n\t--breakpoint-snapp-desktop: 53.75rem;\n\t--breakpoint-snapp-tablet: 56.25rem;\n\t--breakpoint-snapp-layout: 62.5rem;\n\t--breakpoint-snapp-wide: 68.75rem;\n\t--spacing-snapp-card: 7.5625rem;\n\t--spacing-snapp-card-width: 15.9375rem;\n\t--spacing-snapp-content: 68.25rem;\n\t--spacing-snapp-article: 53.75rem;\n\t--spacing-snapp-page: min(68.25rem, calc(100% - 4rem));\n\t--spacing-snapp-page-mobile: calc(100% - 2rem);\n\t--spacing-snapp-search: min(41.75rem, calc(100% - 2rem));\n\t--spacing-snapp-hero-title: min(37.125rem, 100%);\n\t--spacing-snapp-hero-copy: min(48.375rem, 90%);\n\t--spacing-snapp-card-half: calc((100% - 1.5rem) / 2);\n\t--spacing-snapp-hero-x: 6.3125rem;\n\t--spacing-snapp-overlay-max: 80vh;\n\t--spacing-snapp-dialog-max: calc(100% - 2rem);\n\t--spacing-snapp-form: min(32.5rem, 100%);\n\t--spacing-snapp-search-results: calc(100% - 3.25rem);\n\t--spacing-snapp-skeleton-72: 72%;\n\t--spacing-snapp-skeleton-68: 68%;\n\t--spacing-snapp-skeleton-54: 54%;\n\t--spacing-snapp-viewport-min: 20rem;\n\t--spacing-snapp-sidebar: 16rem;\n\t--text-snapp-tiny: 0.625rem;\n\t--text-snapp-micro: 0.6875rem;\n\t--text-snapp-caption: 0.8125rem;\n\t--text-snapp-body-sm: 0.9375rem;\n\t--text-snapp-display-sm: 2.375rem;\n\t--text-snapp-display: 2.5rem;\n\t--leading-snapp-display-sm: 2.5rem;\n\t--leading-snapp-display: 2.75rem;\n\t--radius-snapp-control: 0.625rem;\n\t--radius-snapp-action-menu: 0.375rem;\n\t--radius-snapp-mark: 0.125rem 0.4375rem 0.125rem 0.4375rem;\n}\n\n@theme inline {\n\t--color-snapp-brand-primary: var(--snapp-colour-brand-primary);\n\t--color-snapp-brand-accent: var(--snapp-colour-brand-accent);\n\t--color-snapp-brand-shade: var(--snapp-colour-brand-shade);\n\t--color-snapp-grey-0: var(--snapp-colour-grey-0);\n\t--color-snapp-grey-50: var(--snapp-colour-grey-50);\n\t--color-snapp-grey-100: var(--snapp-colour-grey-100);\n\t--color-snapp-grey-150: var(--snapp-colour-grey-150);\n\t--color-snapp-grey-200: var(--snapp-colour-grey-200);\n\t--color-snapp-grey-300: var(--snapp-colour-grey-300);\n\t--color-snapp-grey-400: var(--snapp-colour-grey-400);\n\t--color-snapp-grey-500: var(--snapp-colour-grey-500);\n\t--color-snapp-grey-600: var(--snapp-colour-grey-600);\n\t--color-snapp-grey-700: var(--snapp-colour-grey-700);\n\t--color-snapp-grey-800: var(--snapp-colour-grey-800);\n\t--color-snapp-grey-900: var(--snapp-colour-grey-900);\n\t--color-snapp-grey-1000: var(--snapp-colour-grey-1000);\n\t--color-snapp-secondary-green: var(--snapp-colour-secondary-green);\n\t--color-snapp-secondary-amber: var(--snapp-colour-secondary-amber);\n\t--color-snapp-secondary-blue: var(--snapp-colour-secondary-blue);\n\t--color-snapp-secondary-baby-blue: var(--snapp-colour-secondary-baby-blue);\n\t--color-snapp-secondary-red: var(--snapp-colour-secondary-red);\n\t--color-snapp-transparency-grey: var(--snapp-colour-transparency-grey);\n\t--spacing-snapp-2: var(--snapp-spacing-2);\n\t--spacing-snapp-4: var(--snapp-spacing-4);\n\t--spacing-snapp-8: var(--snapp-spacing-8);\n\t--spacing-snapp-12: var(--snapp-spacing-12);\n\t--spacing-snapp-16: var(--snapp-spacing-16);\n\t--spacing-snapp-24: var(--snapp-spacing-24);\n\t--spacing-snapp-32: var(--snapp-spacing-32);\n\t--spacing-snapp-40: var(--snapp-spacing-40);\n\t--spacing-snapp-48: var(--snapp-spacing-48);\n\t--spacing-snapp-56: var(--snapp-spacing-56);\n\t--spacing-snapp-64: var(--snapp-spacing-64);\n\t--spacing-snapp-72: var(--snapp-spacing-72);\n\t--spacing-snapp-80: var(--snapp-spacing-80);\n\t--spacing-snapp-88: var(--snapp-spacing-88);\n\t--spacing-snapp-96: var(--snapp-spacing-96);\n\t--radius-snapp-xs: var(--snapp-radius-xs);\n\t--radius-snapp-s: var(--snapp-radius-s);\n\t--radius-snapp-m: var(--snapp-radius-m);\n\t--radius-snapp-lg: var(--snapp-radius-lg);\n\t--radius-snapp-xl: var(--snapp-radius-xl);\n\t--radius-snapp-2xl: var(--snapp-radius-2xl);\n\t--radius-snapp-3xl: var(--snapp-radius-3xl);\n\t--color-snapp-text-primary: var(--snapp-text-primary);\n\t--color-snapp-text-secondary: var(--snapp-text-secondary);\n\t--color-snapp-text-brand: var(--snapp-text-brand);\n\t--color-snapp-text-invert: var(--snapp-text-invert);\n\t--color-snapp-text-accent: var(--snapp-text-accent);\n\t--color-snapp-text-soft: var(--snapp-text-soft);\n\t--color-snapp-text-red: var(--snapp-text-red);\n\t--color-snapp-text-green: var(--snapp-text-green);\n\t--color-snapp-text-amber: var(--snapp-text-amber);\n\t--color-snapp-text-blue: var(--snapp-text-blue);\n\t--color-snapp-surface-primary: var(--snapp-surface-primary);\n\t--color-snapp-surface-secondary: var(--snapp-surface-secondary);\n\t--color-snapp-surface-brand: var(--snapp-surface-brand);\n\t--color-snapp-surface-invert: var(--snapp-surface-invert);\n\t--color-snapp-surface-accent: var(--snapp-surface-accent);\n\t--color-snapp-surface-red: var(--snapp-surface-red);\n\t--color-snapp-surface-green: var(--snapp-surface-green);\n\t--color-snapp-surface-amber: var(--snapp-surface-amber);\n\t--color-snapp-surface-blue: var(--snapp-surface-blue);\n\t--color-snapp-surface-transparent: var(--snapp-surface-transparent);\n\t--color-snapp-border-primary: var(--snapp-border-primary);\n\t--color-snapp-border-invert: var(--snapp-border-invert);\n\t--color-snapp-border-brand: var(--snapp-border-brand);\n\t--color-snapp-border-accent: var(--snapp-border-accent);\n\t--color-snapp-border-subtle: var(--snapp-border-subtle);\n\t--color-snapp-border-highlight: var(--snapp-border-highlight);\n\t--color-snapp-icon-red: var(--snapp-icon-red);\n\t--color-snapp-icon-green: var(--snapp-icon-green);\n\t--color-snapp-icon-amber: var(--snapp-icon-amber);\n\t--color-snapp-icon-blue: var(--snapp-icon-blue);\n\t--color-snapp-icon-brand: var(--snapp-icon-brand);\n\t--color-snapp-icon-accent: var(--snapp-icon-accent);\n\t--color-snapp-icon-invert: var(--snapp-icon-invert);\n\t--color-snapp-icon-primary: var(--snapp-icon-primary);\n\t--color-snapp-icon-subtle: var(--snapp-icon-subtle);\n\t--color-snapp-button-primary: var(--snapp-button-primary);\n\t--color-snapp-button-secondary: var(--snapp-button-secondary);\n\t--color-snapp-button-brand: var(--snapp-button-brand);\n\t--color-snapp-button-invert: var(--snapp-button-invert);\n\t--color-snapp-button-accent: var(--snapp-button-accent);\n\t--color-snapp-button-outline: var(--snapp-button-outline);\n\t--spacing-snapp-none: var(--snapp-spacing-none);\n\t--spacing-snapp-xxxs: var(--snapp-spacing-xxxs);\n\t--spacing-snapp-xxs: var(--snapp-spacing-xxs);\n\t--spacing-snapp-xs: var(--snapp-spacing-xs);\n\t--spacing-snapp-s: var(--snapp-spacing-s);\n\t--spacing-snapp-m: var(--snapp-spacing-m);\n\t--spacing-snapp-lg: var(--snapp-spacing-lg);\n\t--spacing-snapp-xl: var(--snapp-spacing-xl);\n\t--spacing-snapp-2xl: var(--snapp-spacing-2xl);\n\t--spacing-snapp-3xl: var(--snapp-spacing-3xl);\n\t--spacing-snapp-4xl: var(--snapp-spacing-4xl);\n\t--spacing-snapp-5xl: var(--snapp-spacing-5xl);\n\t--radius-snapp-minimal: var(--snapp-radius-minimal);\n\t--radius-snapp-rounded: var(--snapp-radius-rounded);\n\t--radius-snapp-standard: var(--snapp-radius-standard);\n\t--radius-snapp-large: var(--snapp-radius-large);\n\t--radius-snapp-full: var(--snapp-radius-full);\n\t--font-snapp-title: var(--snapp-font-family-title);\n\t--font-snapp-body: var(--snapp-font-family-body);\n\t--font-weight-snapp-regular: var(--snapp-font-weight-regular);\n\t--font-weight-snapp-bold: var(--snapp-font-weight-bold);\n\t--text-snapp-xxs: var(--snapp-font-size-xxs);\n\t--text-snapp-xs: var(--snapp-font-size-xs);\n\t--text-snapp-sm: var(--snapp-font-size-sm);\n\t--text-snapp-md: var(--snapp-font-size-md);\n\t--text-snapp-lg: var(--snapp-font-size-lg);\n\t--text-snapp-xl: var(--snapp-font-size-xl);\n\t--text-snapp-2xl: var(--snapp-font-size-2xl);\n\t--text-snapp-3xl: var(--snapp-font-size-3xl);\n\t--text-snapp-4xl: var(--snapp-font-size-4xl);\n\t--text-snapp-5xl: var(--snapp-font-size-5xl);\n\t--leading-snapp-xxxs: var(--snapp-font-line-height-xxxs);\n\t--leading-snapp-xxs: var(--snapp-font-line-height-xxs);\n\t--leading-snapp-xs: var(--snapp-font-line-height-xs);\n\t--leading-snapp-sm: var(--snapp-font-line-height-sm);\n\t--leading-snapp-md: var(--snapp-font-line-height-md);\n\t--leading-snapp-lg: var(--snapp-font-line-height-lg);\n\t--leading-snapp-xl: var(--snapp-font-line-height-xl);\n\t--leading-snapp-2xl: var(--snapp-font-line-height-2xl);\n\t--color-background: var(--background);\n\t--color-foreground: var(--foreground);\n\t--color-card: var(--card);\n\t--color-card-foreground: var(--card-foreground);\n\t--color-popover: var(--popover);\n\t--color-popover-foreground: var(--popover-foreground);\n\t--color-primary: var(--primary);\n\t--color-primary-foreground: var(--primary-foreground);\n\t--color-secondary: var(--secondary);\n\t--color-secondary-foreground: var(--secondary-foreground);\n\t--color-muted: var(--muted);\n\t--color-muted-foreground: var(--muted-foreground);\n\t--color-accent: var(--accent);\n\t--color-accent-foreground: var(--accent-foreground);\n\t--color-destructive: var(--destructive);\n\t--color-border: var(--border);\n\t--color-input: var(--input);\n\t--color-ring: var(--ring);\n\t--color-sidebar: var(--sidebar);\n\t--color-sidebar-foreground: var(--sidebar-foreground);\n\t--color-sidebar-primary: var(--sidebar-primary);\n\t--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n\t--color-sidebar-accent: var(--sidebar-accent);\n\t--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n\t--color-sidebar-border: var(--sidebar-border);\n\t--color-sidebar-ring: var(--sidebar-ring);\n\t--color-snapp-border-card: var(--snapp-border-card);\n\t--color-snapp-card-border: var(--snapp-border-card);\n\t--color-snapp-skeleton-icon: var(--snapp-skeleton-icon);\n\t--color-snapp-skeleton-line: var(--snapp-skeleton-line);\n\t--color-snapp-skeleton-soft: var(--snapp-skeleton-soft);\n\t--color-snapp-brand: var(--snapp-brand);\n\t--color-snapp-accent: var(--snapp-accent);\n\t--color-snapp-ink: var(--snapp-ink);\n\t--color-snapp-canvas: var(--snapp-canvas);\n\t--color-snapp-surface: var(--snapp-surface);\n\t--color-snapp-danger: var(--snapp-danger);\n\t--shadow-snapp-card-hover: var(--snapp-shadow-card-hover);\n\t--shadow-snapp-drag-preview: var(--snapp-shadow-drag-preview);\n\t--shadow-snapp-flyout: var(--snapp-shadow-flyout);\n}\n\n:root,\n.ec-app {\n\t--snapp-colour-brand-primary: #2f455c;\n\t--snapp-colour-brand-accent: #40bfac;\n\t--snapp-colour-brand-shade: #43576c;\n\t--snapp-colour-grey-0: #ffffff;\n\t--snapp-colour-grey-50: #f4f4f4;\n\t--snapp-colour-grey-100: #eaeaeb;\n\t--snapp-colour-grey-150: #dfe0e0;\n\t--snapp-colour-grey-200: #d4d5d5;\n\t--snapp-colour-grey-300: #c0c0c1;\n\t--snapp-colour-grey-400: #aaabab;\n\t--snapp-colour-grey-500: #959697;\n\t--snapp-colour-grey-600: #7f8082;\n\t--snapp-colour-grey-700: #6a6c6d;\n\t--snapp-colour-grey-800: #555658;\n\t--snapp-colour-grey-900: #2a2c2e;\n\t--snapp-colour-grey-1000: #000000;\n\t--snapp-colour-secondary-green: #00a63e;\n\t--snapp-colour-secondary-amber: #ff9e20;\n\t--snapp-colour-secondary-blue: #0078d4;\n\t--snapp-colour-secondary-baby-blue: #e6f2fb;\n\t--snapp-colour-secondary-red: #e94435;\n\t--snapp-colour-transparency-grey: #2a2c2e4d;\n\t--snapp-spacing-2: 0.125rem;\n\t--snapp-spacing-4: 0.25rem;\n\t--snapp-spacing-8: 0.5rem;\n\t--snapp-spacing-12: 0.75rem;\n\t--snapp-spacing-16: 1rem;\n\t--snapp-spacing-24: 1.5rem;\n\t--snapp-spacing-32: 2rem;\n\t--snapp-spacing-40: 2.5rem;\n\t--snapp-spacing-48: 3rem;\n\t--snapp-spacing-56: 3.5rem;\n\t--snapp-spacing-64: 4rem;\n\t--snapp-spacing-72: 4.5rem;\n\t--snapp-spacing-80: 5rem;\n\t--snapp-spacing-88: 5.5rem;\n\t--snapp-spacing-96: 6rem;\n\t--snapp-radius-xs: 0.125rem;\n\t--snapp-radius-s: 0.25rem;\n\t--snapp-radius-m: 0.5rem;\n\t--snapp-radius-lg: 1rem;\n\t--snapp-radius-xl: 2rem;\n\t--snapp-radius-2xl: 4rem;\n\t--snapp-radius-3xl: 8rem;\n\t--snapp-text-primary: var(--snapp-colour-grey-900);\n\t--snapp-text-secondary: var(--snapp-colour-grey-600);\n\t--snapp-text-brand: var(--snapp-colour-brand-primary);\n\t--snapp-text-invert: var(--snapp-colour-grey-50);\n\t--snapp-text-accent: var(--snapp-colour-brand-accent);\n\t--snapp-text-soft: var(--snapp-colour-grey-400);\n\t--snapp-text-red: var(--snapp-colour-secondary-red);\n\t--snapp-text-green: var(--snapp-colour-secondary-green);\n\t--snapp-text-amber: var(--snapp-colour-secondary-amber);\n\t--snapp-text-blue: var(--snapp-colour-secondary-blue);\n\t--snapp-surface-primary: var(--snapp-colour-grey-0);\n\t--snapp-surface-secondary: var(--snapp-colour-grey-50);\n\t--snapp-surface-brand: var(--snapp-colour-brand-primary);\n\t--snapp-surface-invert: var(--snapp-colour-grey-900);\n\t--snapp-surface-accent: var(--snapp-colour-brand-accent);\n\t--snapp-surface-red: var(--snapp-colour-secondary-red);\n\t--snapp-surface-green: var(--snapp-colour-secondary-green);\n\t--snapp-surface-amber: var(--snapp-colour-secondary-amber);\n\t--snapp-surface-blue: var(--snapp-colour-secondary-blue);\n\t--snapp-surface-transparent: var(--snapp-colour-transparency-grey);\n\t--snapp-border-primary: var(--snapp-colour-grey-150);\n\t--snapp-border-invert: var(--snapp-colour-grey-50);\n\t--snapp-border-brand: var(--snapp-colour-brand-primary);\n\t--snapp-border-accent: var(--snapp-colour-brand-accent);\n\t--snapp-border-subtle: var(--snapp-colour-brand-shade);\n\t--snapp-border-highlight: var(--snapp-colour-secondary-blue);\n\t--snapp-icon-red: var(--snapp-colour-secondary-red);\n\t--snapp-icon-green: var(--snapp-colour-secondary-green);\n\t--snapp-icon-amber: var(--snapp-colour-secondary-amber);\n\t--snapp-icon-blue: var(--snapp-colour-secondary-blue);\n\t--snapp-icon-brand: var(--snapp-colour-brand-primary);\n\t--snapp-icon-accent: var(--snapp-colour-brand-accent);\n\t--snapp-icon-invert: var(--snapp-colour-grey-50);\n\t--snapp-icon-primary: var(--snapp-colour-grey-600);\n\t--snapp-icon-subtle: var(--snapp-colour-grey-150);\n\t--snapp-button-primary: var(--snapp-colour-brand-primary);\n\t--snapp-button-secondary: var(--snapp-colour-secondary-baby-blue);\n\t--snapp-button-brand: var(--snapp-colour-brand-primary);\n\t--snapp-button-invert: var(--snapp-colour-grey-50);\n\t--snapp-button-accent: var(--snapp-colour-brand-accent);\n\t--snapp-button-outline: var(--snapp-colour-grey-150);\n\t--snapp-spacing-none: 0;\n\t--snapp-spacing-xxxs: var(--snapp-spacing-2);\n\t--snapp-spacing-xxs: var(--snapp-spacing-4);\n\t--snapp-spacing-xs: var(--snapp-spacing-8);\n\t--snapp-spacing-s: var(--snapp-spacing-12);\n\t--snapp-spacing-m: var(--snapp-spacing-16);\n\t--snapp-spacing-lg: var(--snapp-spacing-24);\n\t--snapp-spacing-xl: var(--snapp-spacing-32);\n\t--snapp-spacing-2xl: var(--snapp-spacing-40);\n\t--snapp-spacing-3xl: var(--snapp-spacing-48);\n\t--snapp-spacing-4xl: var(--snapp-spacing-56);\n\t--snapp-spacing-5xl: var(--snapp-spacing-64);\n\t--snapp-radius-minimal: var(--snapp-radius-xs);\n\t--snapp-radius-rounded: var(--snapp-radius-s);\n\t--snapp-radius-standard: var(--snapp-radius-m);\n\t--snapp-radius-large: var(--snapp-radius-lg);\n\t--snapp-radius-full: var(--snapp-radius-3xl);\n\t--snapp-font-family-title: \"Judson\", serif;\n\t--snapp-font-family-body: \"IBM Plex Sans\", sans-serif;\n\t--snapp-font-weight-regular: 400;\n\t--snapp-font-weight-bold: 700;\n\t--snapp-font-size-xxs: 0.6875rem;\n\t--snapp-font-size-xs: 0.75rem;\n\t--snapp-font-size-sm: 0.875rem;\n\t--snapp-font-size-md: 1rem;\n\t--snapp-font-size-lg: 1.125rem;\n\t--snapp-font-size-xl: 1.25rem;\n\t--snapp-font-size-2xl: 1.5rem;\n\t--snapp-font-size-3xl: 2rem;\n\t--snapp-font-size-4xl: 2.5rem;\n\t--snapp-font-size-5xl: 3rem;\n\t--snapp-font-line-height-xxxs: 0.75rem;\n\t--snapp-font-line-height-xxs: 1rem;\n\t--snapp-font-line-height-xs: 1.25rem;\n\t--snapp-font-line-height-sm: 1.5rem;\n\t--snapp-font-line-height-md: 1.75rem;\n\t--snapp-font-line-height-lg: 2rem;\n\t--snapp-font-line-height-xl: 2.5rem;\n\t--snapp-font-line-height-2xl: 3rem;\n\t--snapp-border-card: rgb(42 44 46 / 15%);\n\t--snapp-skeleton-icon: rgb(64 191 172 / 20%);\n\t--snapp-skeleton-line: rgb(42 44 46 / 10%);\n\t--snapp-skeleton-soft: rgb(42 44 46 / 5%);\n\t--snapp-shadow-card-hover: 0 0.25rem 0.46875rem rgb(0 0 0 / 10%);\n\t--snapp-shadow-drag-preview: 0 0.25rem 0.375rem rgb(0 0 0 / 25%);\n\t--snapp-shadow-flyout: 0 0.25rem 0.375rem rgb(0 0 0 / 25%);\n\t--snapp-brand: var(--snapp-colour-brand-primary);\n\t--snapp-accent: var(--snapp-colour-brand-accent);\n\t--snapp-ink: var(--snapp-text-primary);\n\t--snapp-canvas: #eef1f4;\n\t--snapp-surface: var(--snapp-surface-primary);\n\t--snapp-danger: var(--snapp-colour-secondary-red);\n\t--snapp-indicator-border: 1.5px;\n\t--snapp-hairline: 1px;\n\t--snapp-control-inset: 2px;\n\t--snapp-tooltip-arrow-offset: 2px;\n\t--radius: var(--snapp-radius-m);\n\t--background: var(--snapp-surface);\n\t--foreground: var(--snapp-ink);\n\t--card: var(--snapp-surface);\n\t--card-foreground: var(--snapp-ink);\n\t--popover: var(--snapp-surface);\n\t--popover-foreground: var(--snapp-ink);\n\t--primary: var(--snapp-brand);\n\t--primary-foreground: var(--snapp-text-invert);\n\t--secondary: var(--snapp-surface-secondary);\n\t--secondary-foreground: var(--snapp-text-primary);\n\t--muted: var(--snapp-surface-secondary);\n\t--muted-foreground: var(--snapp-text-secondary);\n\t--accent: var(--snapp-surface-secondary);\n\t--accent-foreground: var(--snapp-text-primary);\n\t--destructive: var(--snapp-danger);\n\t--border: var(--snapp-border-primary);\n\t--input: var(--snapp-border-card);\n\t--ring: var(--snapp-border-brand);\n\t--sidebar: var(--snapp-surface-secondary);\n\t--sidebar-foreground: var(--snapp-text-primary);\n\t--sidebar-primary: var(--snapp-brand);\n\t--sidebar-primary-foreground: var(--snapp-text-invert);\n\t--sidebar-accent: var(--snapp-surface-primary);\n\t--sidebar-accent-foreground: var(--snapp-text-primary);\n\t--sidebar-border: var(--snapp-border-primary);\n\t--sidebar-ring: var(--snapp-border-brand);\n}\n\n.dark,\n.ec-app.dark,\n.ec-app .dark {\n\t--snapp-brand: #d8e3ec;\n\t--snapp-accent: #5fd4c2;\n\t--snapp-ink: #f5f7f9;\n\t--snapp-canvas: #18222c;\n\t--snapp-surface: #202d39;\n\t--snapp-danger: #fda29b;\n\t--snapp-shadow-drag-preview: 0 0.25rem 0.375rem rgb(0 0 0 / 45%);\n\t--snapp-shadow-flyout: 0 0.25rem 0.375rem rgb(0 0 0 / 45%);\n\t--snapp-indicator-border: 1.5px;\n\t--snapp-hairline: 1px;\n\t--snapp-control-inset: 2px;\n\t--snapp-tooltip-arrow-offset: 2px;\n\t--radius: var(--snapp-radius-m);\n\t--background: var(--snapp-surface);\n\t--foreground: var(--snapp-ink);\n\t--card: var(--snapp-surface);\n\t--card-foreground: var(--snapp-ink);\n\t--popover: var(--snapp-surface);\n\t--popover-foreground: var(--snapp-ink);\n\t--primary: var(--snapp-brand);\n\t--primary-foreground: var(--snapp-text-invert);\n\t--secondary: var(--snapp-surface-secondary);\n\t--secondary-foreground: var(--snapp-text-primary);\n\t--muted: var(--snapp-surface-secondary);\n\t--muted-foreground: var(--snapp-text-secondary);\n\t--accent: var(--snapp-surface-secondary);\n\t--accent-foreground: var(--snapp-text-primary);\n\t--destructive: var(--snapp-danger);\n\t--border: var(--snapp-border-primary);\n\t--input: var(--snapp-border-card);\n\t--ring: var(--snapp-border-brand);\n\t--sidebar: var(--snapp-surface-secondary);\n\t--sidebar-foreground: var(--snapp-text-primary);\n\t--sidebar-primary: var(--snapp-brand);\n\t--sidebar-primary-foreground: var(--snapp-text-invert);\n\t--sidebar-accent: var(--snapp-surface-primary);\n\t--sidebar-accent-foreground: var(--snapp-text-primary);\n\t--sidebar-border: var(--snapp-border-primary);\n\t--sidebar-ring: var(--snapp-border-brand);\n}\n\n@layer base {\n\t.ec-app,\n\t.ec-app *,\n\t.ec-app *::before,\n\t.ec-app *::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.ec-app button,\n\t.ec-app input,\n\t.ec-app select,\n\t.ec-app textarea {\n\t\tfont: inherit;\n\t}\n\n\t.ec-app button {\n\t\tappearance: none;\n\t}\n\n\t.ec-app :where(\n\t\ta[href],\n\t\tbutton:not(:disabled),\n\t\tinput:is([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"color\"], [type=\"file\"]):not(:disabled),\n\t\tlabel[for],\n\t\tselect:not(:disabled),\n\t\tsummary,\n\t\t[role=\"button\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"checkbox\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"link\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"menuitem\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"menuitemcheckbox\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"menuitemradio\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"option\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"radio\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"slider\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"switch\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"tab\"]:not([aria-disabled=\"true\"]):not([data-disabled]),\n\t\t[role=\"treeitem\"]:not([aria-disabled=\"true\"]):not([data-disabled])\n\t) {\n\t\tcursor: pointer !important;\n\t}\n\n\t.ec-app :where(\n\t\tbutton:disabled,\n\t\tinput:disabled,\n\t\tselect:disabled,\n\t\t[aria-disabled=\"true\"],\n\t\t[data-disabled]\n\t) {\n\t\tcursor: not-allowed !important;\n\t}\n}\n", "type": "registry:file", "target": "src/styles/snapp-theme.css" }, { "path": "registry/radix-nova/theme/snapp-fonts.css", "content": "/*\n * Ordered font fallbacks:\n * 1. SNAPP Azure Front Door assets.\n * 2. Google Fonts' Latin WOFF2 assets.\n * 3. The consumer's bundled @fontsource Latin WOFF2 assets.\n *\n * Keep the local source last so Dynamics, PCF, Power Pages, and offline\n * consumers still render the intended typefaces when external font sources\n * are unavailable or blocked by CSP/CORS.\n */\n\n@font-face {\n\tfont-family: \"IBM Plex Sans\";\n\tfont-style: normal;\n\tfont-display: swap;\n\tfont-weight: 200;\n\tsrc:\n\t\turl(\"https://experience.snappcabinets.com/snapp/assets/fonts/ibm-plex-sans-latin/ibm-plex-sans-latin-200-normal.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"../../node_modules/@fontsource/ibm-plex-sans/files/ibm-plex-sans-latin-200-normal.woff2\")\n\t\t\tformat(\"woff2\");\n}\n\n@font-face {\n\tfont-family: \"IBM Plex Sans\";\n\tfont-style: normal;\n\tfont-display: swap;\n\tfont-weight: 300;\n\tsrc:\n\t\turl(\"https://experience.snappcabinets.com/snapp/assets/fonts/ibm-plex-sans-latin/ibm-plex-sans-latin-300-normal.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"https://fonts.gstatic.com/s/ibmplexsans/v23/zYXGKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1swZSAXcomDVmadSDtFlDB6g4.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"../../node_modules/@fontsource/ibm-plex-sans/files/ibm-plex-sans-latin-300-normal.woff2\")\n\t\t\tformat(\"woff2\");\n}\n\n@font-face {\n\tfont-family: \"IBM Plex Sans\";\n\tfont-style: normal;\n\tfont-display: swap;\n\tfont-weight: 400;\n\tsrc:\n\t\turl(\"https://experience.snappcabinets.com/snapp/assets/fonts/ibm-plex-sans-latin/ibm-plex-sans-latin-400-normal.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"../../node_modules/@fontsource/ibm-plex-sans/files/ibm-plex-sans-latin-400-normal.woff2\")\n\t\t\tformat(\"woff2\");\n}\n\n@font-face {\n\tfont-family: \"IBM Plex Sans\";\n\tfont-style: normal;\n\tfont-display: swap;\n\tfont-weight: 700;\n\tsrc:\n\t\turl(\"https://experience.snappcabinets.com/snapp/assets/fonts/ibm-plex-sans-latin/ibm-plex-sans-latin-700-normal.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"../../node_modules/@fontsource/ibm-plex-sans/files/ibm-plex-sans-latin-700-normal.woff2\")\n\t\t\tformat(\"woff2\");\n}\n\n@font-face {\n\tfont-family: \"Judson\";\n\tfont-style: normal;\n\tfont-display: swap;\n\tfont-weight: 400;\n\tsrc:\n\t\turl(\"https://experience.snappcabinets.com/snapp/assets/fonts/judson-latin/judson-latin-400-normal.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"https://fonts.gstatic.com/s/judson/v20/FeVRS0Fbvbc14VxhCLl1.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"../../node_modules/@fontsource/judson/files/judson-latin-400-normal.woff2\")\n\t\t\tformat(\"woff2\");\n}\n\n@font-face {\n\tfont-family: \"Judson\";\n\tfont-style: normal;\n\tfont-display: swap;\n\tfont-weight: 700;\n\tsrc:\n\t\turl(\"https://experience.snappcabinets.com/snapp/assets/fonts/judson-latin/judson-latin-700-normal.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"https://fonts.gstatic.com/s/judson/v20/FeVSS0Fbvbc14Vxps5xg2pRm.woff2\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"../../node_modules/@fontsource/judson/files/judson-latin-700-normal.woff2\")\n\t\t\tformat(\"woff2\");\n}\n", "type": "registry:file", "target": "src/styles/snapp-fonts.css" }, { "path": "registry/radix-nova/tokens/primitives.tokens.json", "content": "{\n \"colour\": {\n \"brand\": {\n \"primary\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.18431372940540314,\n 0.2705882489681244,\n 0.3607843220233917\n ],\n \"alpha\": 1,\n \"hex\": \"#2F455C\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8427\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"accent\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.250980406999588,\n 0.7490196228027344,\n 0.6745098233222961\n ],\n \"alpha\": 1,\n \"hex\": \"#40BFAC\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8428\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"shade\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.26274511218070984,\n 0.34117648005485535,\n 0.42352941632270813\n ],\n \"alpha\": 1,\n \"hex\": \"#43576C\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:522:8635\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n }\n },\n \"grey\": {\n \"0\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 1,\n 1,\n 1\n ],\n \"alpha\": 1,\n \"hex\": \"#FFFFFF\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8446\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"50\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.95686274766922,\n 0.95686274766922,\n 0.95686274766922\n ],\n \"alpha\": 1,\n \"hex\": \"#F4F4F4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8430\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"100\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.9176470637321472,\n 0.9176470637321472,\n 0.9215686321258545\n ],\n \"alpha\": 1,\n \"hex\": \"#EAEAEB\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8461\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"150\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.8745098114013672,\n 0.8784313797950745,\n 0.8784313797950745\n ],\n \"alpha\": 1,\n \"hex\": \"#DFE0E0\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8431\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"200\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.8313725590705872,\n 0.8352941274642944,\n 0.8352941274642944\n ],\n \"alpha\": 1,\n \"hex\": \"#D4D5D5\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8432\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"300\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.7529411911964417,\n 0.7529411911964417,\n 0.7568627595901489\n ],\n \"alpha\": 1,\n \"hex\": \"#C0C0C1\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8433\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"400\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.6666666865348816,\n 0.6705882549285889,\n 0.6705882549285889\n ],\n \"alpha\": 1,\n \"hex\": \"#AAABAB\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8463\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"500\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.5843137502670288,\n 0.5882353186607361,\n 0.5921568870544434\n ],\n \"alpha\": 1,\n \"hex\": \"#959697\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8434\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"600\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.49803921580314636,\n 0.501960813999176,\n 0.5098039507865906\n ],\n \"alpha\": 1,\n \"hex\": \"#7F8082\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8464\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"700\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.4156862795352936,\n 0.42352941632270813,\n 0.4274509847164154\n ],\n \"alpha\": 1,\n \"hex\": \"#6A6C6D\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8465\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"800\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.3333333432674408,\n 0.33725491166114807,\n 0.3450980484485626\n ],\n \"alpha\": 1,\n \"hex\": \"#555658\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8435\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"900\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.16470588743686676,\n 0.1725490242242813,\n 0.18039216101169586\n ],\n \"alpha\": 1,\n \"hex\": \"#2A2C2E\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8436\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"1000\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0,\n 0\n ],\n \"alpha\": 1,\n \"hex\": \"#000000\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8447\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n }\n },\n \"secondary\": {\n \"green\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0.6509804129600525,\n 0.24313725531101227\n ],\n \"alpha\": 1,\n \"hex\": \"#00A63E\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8448\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"amber\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 1,\n 0.6196078658103943,\n 0.125490203499794\n ],\n \"alpha\": 1,\n \"hex\": \"#FF9E20\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8449\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"blue\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0.47058823704719543,\n 0.8313725590705872\n ],\n \"alpha\": 1,\n \"hex\": \"#0078D4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8429\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"baby blue\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.9019607901573181,\n 0.9490196108818054,\n 0.9843137264251709\n ],\n \"alpha\": 1,\n \"hex\": \"#E6F2FB\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8477\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"red\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.9137254953384399,\n 0.2666666805744171,\n 0.2078431397676468\n ],\n \"alpha\": 1,\n \"hex\": \"#E94435\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8450\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n }\n },\n \"Transparency\": {\n \"Grey\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.16470588743686676,\n 0.1725490242242813,\n 0.18039216101169586\n ],\n \"alpha\": 0.30000001192092896,\n \"hex\": \"#2A2C2E\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:14904\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n }\n }\n },\n \"spacing\": {\n \"2\": {\n \"$type\": \"number\",\n \"$value\": 2,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19415\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"4\": {\n \"$type\": \"number\",\n \"$value\": 4,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19357\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"8\": {\n \"$type\": \"number\",\n \"$value\": 8,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19358\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"12\": {\n \"$type\": \"number\",\n \"$value\": 12,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19390\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"16\": {\n \"$type\": \"number\",\n \"$value\": 16,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19359\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"24\": {\n \"$type\": \"number\",\n \"$value\": 24,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19360\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"32\": {\n \"$type\": \"number\",\n \"$value\": 32,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19361\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"40\": {\n \"$type\": \"number\",\n \"$value\": 40,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19362\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"48\": {\n \"$type\": \"number\",\n \"$value\": 48,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19363\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"56\": {\n \"$type\": \"number\",\n \"$value\": 56,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19364\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"64\": {\n \"$type\": \"number\",\n \"$value\": 64,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19365\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"72\": {\n \"$type\": \"number\",\n \"$value\": 72,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19366\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"80\": {\n \"$type\": \"number\",\n \"$value\": 80,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19367\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"88\": {\n \"$type\": \"number\",\n \"$value\": 88,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19368\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"96\": {\n \"$type\": \"number\",\n \"$value\": 96,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19369\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n }\n },\n \"radius\": {\n \"xs\": {\n \"$type\": \"number\",\n \"$value\": 2,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19370\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"s\": {\n \"$type\": \"number\",\n \"$value\": 4,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19371\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"m\": {\n \"$type\": \"number\",\n \"$value\": 8,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19372\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"lg\": {\n \"$type\": \"number\",\n \"$value\": 16,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19373\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"xl\": {\n \"$type\": \"number\",\n \"$value\": 32,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19374\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"2xl\": {\n \"$type\": \"number\",\n \"$value\": 64,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19375\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"3xl\": {\n \"$type\": \"number\",\n \"$value\": 128,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19376\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n }\n },\n \"$extensions\": {\n \"com.figma.modeName\": \"Mode 1\"\n }\n}", "type": "registry:file", "target": "src/styles/tokens/snapp-primitives.tokens.json" }, { "path": "registry/radix-nova/tokens/semantic.tokens.json", "content": "{\n \"text\": {\n \"text-primary\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.16470588743686676,\n 0.1725490242242813,\n 0.18039216101169586\n ],\n \"alpha\": 1,\n \"hex\": \"#2A2C2E\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8453\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:03d48b4af1b738cfde7b97b5a79038d9c0cb5c1b/-1:-1\",\n \"targetVariableName\": \"colour/grey/900\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"text-secondary\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.49803921580314636,\n 0.501960813999176,\n 0.5098039507865906\n ],\n \"alpha\": 1,\n \"hex\": \"#7F8082\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8454\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:b81253341dbe3a2194d4ba986b518459c990d95b/-1:-1\",\n \"targetVariableName\": \"colour/grey/600\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"text-brand\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.18431372940540314,\n 0.2705882489681244,\n 0.3607843220233917\n ],\n \"alpha\": 1,\n \"hex\": \"#2F455C\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8455\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:75a588eae86bb6223bb93ba9637c15d6dd51b68b/-1:-1\",\n \"targetVariableName\": \"colour/brand/primary\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"text-invert\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.95686274766922,\n 0.95686274766922,\n 0.95686274766922\n ],\n \"alpha\": 1,\n \"hex\": \"#F4F4F4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8456\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:c37cb3d6d0efd23bc3591b7e3fdbad20efe2b639/-1:-1\",\n \"targetVariableName\": \"colour/grey/50\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"text-accent\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.250980406999588,\n 0.7490196228027344,\n 0.6745098233222961\n ],\n \"alpha\": 1,\n \"hex\": \"#40BFAC\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:522:8633\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:6ddbc2d21f8ec12f1466607c4e477b9771ac5670/-1:-1\",\n \"targetVariableName\": \"colour/brand/accent\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"text-soft\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.6666666865348816,\n 0.6705882549285889,\n 0.6705882549285889\n ],\n \"alpha\": 1,\n \"hex\": \"#AAABAB\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:522:8638\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:0e2b33fa76fb27e9e6cf2c7c8daa5f1d5fcb93a7/-1:-1\",\n \"targetVariableName\": \"colour/grey/400\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"text-red\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.9137254953384399,\n 0.2666666805744171,\n 0.2078431397676468\n ],\n \"alpha\": 1,\n \"hex\": \"#E94435\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:18796\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:db41a5e87ad889acd5c6d0e2c4cfd9e9da41d538/-1:-1\",\n \"targetVariableName\": \"colour/secondary/red\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"text-green\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0.6509804129600525,\n 0.24313725531101227\n ],\n \"alpha\": 1,\n \"hex\": \"#00A63E\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:18797\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:d55e8997ec762f28eeaeb8058b2bf5a588ae0f79/-1:-1\",\n \"targetVariableName\": \"colour/secondary/green\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"text-amber\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 1,\n 0.6196078658103943,\n 0.125490203499794\n ],\n \"alpha\": 1,\n \"hex\": \"#FF9E20\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:18798\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:0c10959e660dafeda9674d0c0077abdd24b08ef6/-1:-1\",\n \"targetVariableName\": \"colour/secondary/amber\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"text-blue\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0.47058823704719543,\n 0.8313725590705872\n ],\n \"alpha\": 1,\n \"hex\": \"#0078D4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:18799\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:85d64c7c71d3fef1a0f6c3c8b031b52e0105d6c6/-1:-1\",\n \"targetVariableName\": \"colour/secondary/blue\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n }\n },\n \"surface\": {\n \"surface-primary\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 1,\n 1,\n 1\n ],\n \"alpha\": 1,\n \"hex\": \"#FFFFFF\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8457\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:5dcdb051aa80af1290e94a6d983ec74bb9a61b0e/-1:-1\",\n \"targetVariableName\": \"colour/grey/0\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"surface-secondary\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.95686274766922,\n 0.95686274766922,\n 0.95686274766922\n ],\n \"alpha\": 1,\n \"hex\": \"#F4F4F4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8458\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:c37cb3d6d0efd23bc3591b7e3fdbad20efe2b639/-1:-1\",\n \"targetVariableName\": \"colour/grey/50\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"surface-brand\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.18431372940540314,\n 0.2705882489681244,\n 0.3607843220233917\n ],\n \"alpha\": 1,\n \"hex\": \"#2F455C\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8459\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:75a588eae86bb6223bb93ba9637c15d6dd51b68b/-1:-1\",\n \"targetVariableName\": \"colour/brand/primary\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"surface-invert\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.16470588743686676,\n 0.1725490242242813,\n 0.18039216101169586\n ],\n \"alpha\": 1,\n \"hex\": \"#2A2C2E\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8460\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:03d48b4af1b738cfde7b97b5a79038d9c0cb5c1b/-1:-1\",\n \"targetVariableName\": \"colour/grey/900\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"surface-accent\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.250980406999588,\n 0.7490196228027344,\n 0.6745098233222961\n ],\n \"alpha\": 1,\n \"hex\": \"#40BFAC\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:522:8634\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:6ddbc2d21f8ec12f1466607c4e477b9771ac5670/-1:-1\",\n \"targetVariableName\": \"colour/brand/accent\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"surface-red\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.9137254953384399,\n 0.2666666805744171,\n 0.2078431397676468\n ],\n \"alpha\": 1,\n \"hex\": \"#E94435\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:8642\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:db41a5e87ad889acd5c6d0e2c4cfd9e9da41d538/-1:-1\",\n \"targetVariableName\": \"colour/secondary/red\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"surface-green\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0.6509804129600525,\n 0.24313725531101227\n ],\n \"alpha\": 1,\n \"hex\": \"#00A63E\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:8643\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:d55e8997ec762f28eeaeb8058b2bf5a588ae0f79/-1:-1\",\n \"targetVariableName\": \"colour/secondary/green\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"surface-amber\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 1,\n 0.6196078658103943,\n 0.125490203499794\n ],\n \"alpha\": 1,\n \"hex\": \"#FF9E20\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:8644\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:0c10959e660dafeda9674d0c0077abdd24b08ef6/-1:-1\",\n \"targetVariableName\": \"colour/secondary/amber\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"surface-blue\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0.47058823704719543,\n 0.8313725590705872\n ],\n \"alpha\": 1,\n \"hex\": \"#0078D4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:8645\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:85d64c7c71d3fef1a0f6c3c8b031b52e0105d6c6/-1:-1\",\n \"targetVariableName\": \"colour/secondary/blue\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"surface-transparent\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.16470588743686676,\n 0.1725490242242813,\n 0.18039216101169586\n ],\n \"alpha\": 0.30000001192092896,\n \"hex\": \"#2A2C2E\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:14905\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:b74be071597b132cba5dc6da929d235cc3ae88ae/-1:-1\",\n \"targetVariableName\": \"colour/Transparency/Grey\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n }\n },\n \"border\": {\n \"border-primary\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.8745098114013672,\n 0.8784313797950745,\n 0.8784313797950745\n ],\n \"alpha\": 1,\n \"hex\": \"#DFE0E0\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8466\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:a5f0d0a0be4aaf72fe96adc0a662c02cd94eabac/-1:-1\",\n \"targetVariableName\": \"colour/grey/150\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"border-invert\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.95686274766922,\n 0.95686274766922,\n 0.95686274766922\n ],\n \"alpha\": 1,\n \"hex\": \"#F4F4F4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8467\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:c37cb3d6d0efd23bc3591b7e3fdbad20efe2b639/-1:-1\",\n \"targetVariableName\": \"colour/grey/50\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"border-brand\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.18431372940540314,\n 0.2705882489681244,\n 0.3607843220233917\n ],\n \"alpha\": 1,\n \"hex\": \"#2F455C\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8468\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:75a588eae86bb6223bb93ba9637c15d6dd51b68b/-1:-1\",\n \"targetVariableName\": \"colour/brand/primary\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"border-accent\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.250980406999588,\n 0.7490196228027344,\n 0.6745098233222961\n ],\n \"alpha\": 1,\n \"hex\": \"#40BFAC\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8469\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:6ddbc2d21f8ec12f1466607c4e477b9771ac5670/-1:-1\",\n \"targetVariableName\": \"colour/brand/accent\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"border-subtle\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.26274511218070984,\n 0.34117648005485535,\n 0.42352941632270813\n ],\n \"alpha\": 1,\n \"hex\": \"#43576C\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:522:8636\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:3e99b0ab2223b563943ac2ee1c3b3c94c0f4865a/-1:-1\",\n \"targetVariableName\": \"colour/brand/shade\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"border-highlight\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0.47058823704719543,\n 0.8313725590705872\n ],\n \"alpha\": 1,\n \"hex\": \"#0078D4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:8711\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:85d64c7c71d3fef1a0f6c3c8b031b52e0105d6c6/-1:-1\",\n \"targetVariableName\": \"colour/secondary/blue\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n }\n },\n \"icon\": {\n \"icon-red\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.9137254953384399,\n 0.2666666805744171,\n 0.2078431397676468\n ],\n \"alpha\": 1,\n \"hex\": \"#E94435\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8471\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:db41a5e87ad889acd5c6d0e2c4cfd9e9da41d538/-1:-1\",\n \"targetVariableName\": \"colour/secondary/red\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"icon-green\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0.6509804129600525,\n 0.24313725531101227\n ],\n \"alpha\": 1,\n \"hex\": \"#00A63E\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8472\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:d55e8997ec762f28eeaeb8058b2bf5a588ae0f79/-1:-1\",\n \"targetVariableName\": \"colour/secondary/green\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"icon-amber\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 1,\n 0.6196078658103943,\n 0.125490203499794\n ],\n \"alpha\": 1,\n \"hex\": \"#FF9E20\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8473\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:0c10959e660dafeda9674d0c0077abdd24b08ef6/-1:-1\",\n \"targetVariableName\": \"colour/secondary/amber\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"icon-blue\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0,\n 0.47058823704719543,\n 0.8313725590705872\n ],\n \"alpha\": 1,\n \"hex\": \"#0078D4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8474\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:85d64c7c71d3fef1a0f6c3c8b031b52e0105d6c6/-1:-1\",\n \"targetVariableName\": \"colour/secondary/blue\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"icon-brand\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.18431372940540314,\n 0.2705882489681244,\n 0.3607843220233917\n ],\n \"alpha\": 1,\n \"hex\": \"#2F455C\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8475\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:75a588eae86bb6223bb93ba9637c15d6dd51b68b/-1:-1\",\n \"targetVariableName\": \"colour/brand/primary\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"icon-accent\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.250980406999588,\n 0.7490196228027344,\n 0.6745098233222961\n ],\n \"alpha\": 1,\n \"hex\": \"#40BFAC\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:522:8631\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:6ddbc2d21f8ec12f1466607c4e477b9771ac5670/-1:-1\",\n \"targetVariableName\": \"colour/brand/accent\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"icon-invert\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.95686274766922,\n 0.95686274766922,\n 0.95686274766922\n ],\n \"alpha\": 1,\n \"hex\": \"#F4F4F4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8476\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:c37cb3d6d0efd23bc3591b7e3fdbad20efe2b639/-1:-1\",\n \"targetVariableName\": \"colour/grey/50\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"icon-primary\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.49803921580314636,\n 0.501960813999176,\n 0.5098039507865906\n ],\n \"alpha\": 1,\n \"hex\": \"#7F8082\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:522:8639\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:b81253341dbe3a2194d4ba986b518459c990d95b/-1:-1\",\n \"targetVariableName\": \"colour/grey/600\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"icon-subtle\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.8745098114013672,\n 0.8784313797950745,\n 0.8784313797950745\n ],\n \"alpha\": 1,\n \"hex\": \"#DFE0E0\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:8640\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:a5f0d0a0be4aaf72fe96adc0a662c02cd94eabac/-1:-1\",\n \"targetVariableName\": \"colour/grey/150\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n }\n },\n \"button\": {\n \"button-primary\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.18431372940540314,\n 0.2705882489681244,\n 0.3607843220233917\n ],\n \"alpha\": 1,\n \"hex\": \"#2F455C\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8478\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:75a588eae86bb6223bb93ba9637c15d6dd51b68b/-1:-1\",\n \"targetVariableName\": \"colour/brand/primary\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"button-secondary\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.9019607901573181,\n 0.9490196108818054,\n 0.9843137264251709\n ],\n \"alpha\": 1,\n \"hex\": \"#E6F2FB\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8479\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:735259b140ca9f51e4adbeaf1038410abd7b994b/-1:-1\",\n \"targetVariableName\": \"colour/secondary/baby blue\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"button-brand\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.18431372940540314,\n 0.2705882489681244,\n 0.3607843220233917\n ],\n \"alpha\": 1,\n \"hex\": \"#2F455C\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8480\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:75a588eae86bb6223bb93ba9637c15d6dd51b68b/-1:-1\",\n \"targetVariableName\": \"colour/brand/primary\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"button-invert\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.95686274766922,\n 0.95686274766922,\n 0.95686274766922\n ],\n \"alpha\": 1,\n \"hex\": \"#F4F4F4\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:504:8481\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:c37cb3d6d0efd23bc3591b7e3fdbad20efe2b639/-1:-1\",\n \"targetVariableName\": \"colour/grey/50\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"button-accent\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.250980406999588,\n 0.7490196228027344,\n 0.6745098233222961\n ],\n \"alpha\": 1,\n \"hex\": \"#40BFAC\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:522:8632\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:6ddbc2d21f8ec12f1466607c4e477b9771ac5670/-1:-1\",\n \"targetVariableName\": \"colour/brand/accent\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"button-outline\": {\n \"$type\": \"color\",\n \"$value\": {\n \"colorSpace\": \"srgb\",\n \"components\": [\n 0.8745098114013672,\n 0.8784313797950745,\n 0.8784313797950745\n ],\n \"alpha\": 1,\n \"hex\": \"#DFE0E0\"\n },\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:14911\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:a5f0d0a0be4aaf72fe96adc0a662c02cd94eabac/-1:-1\",\n \"targetVariableName\": \"colour/grey/150\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n }\n },\n \"spacing\": {\n \"spacing-none\": {\n \"$type\": \"number\",\n \"$value\": 0,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19377\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"spacing-xxxs\": {\n \"$type\": \"number\",\n \"$value\": 2,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19416\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:14ba31a8742cc215fa0b5277068a48ee457dcbc6/-1:-1\",\n \"targetVariableName\": \"spacing/2\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-xxs\": {\n \"$type\": \"number\",\n \"$value\": 4,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19378\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:c29f4f221ba4e39839e2af5dd2d291d86a503b2b/-1:-1\",\n \"targetVariableName\": \"spacing/4\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-xs\": {\n \"$type\": \"number\",\n \"$value\": 8,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19379\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:347080910939527c897790c2c5126dea2a6f6407/-1:-1\",\n \"targetVariableName\": \"spacing/8\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-s\": {\n \"$type\": \"number\",\n \"$value\": 12,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19391\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:36e2ec3845645935a3d9bd519a07ab23bf2f4038/-1:-1\",\n \"targetVariableName\": \"spacing/12\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-m\": {\n \"$type\": \"number\",\n \"$value\": 16,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19380\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:166fb0e963ff30e75f7cc410fc288b608c67dd93/-1:-1\",\n \"targetVariableName\": \"spacing/16\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-lg\": {\n \"$type\": \"number\",\n \"$value\": 24,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19381\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:93c474d8b60ca4a46333905814749430b4669334/-1:-1\",\n \"targetVariableName\": \"spacing/24\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-xl\": {\n \"$type\": \"number\",\n \"$value\": 32,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19382\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:23a59ce3ffd5f59995770dd0649e31de0860c119/-1:-1\",\n \"targetVariableName\": \"spacing/32\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-2xl\": {\n \"$type\": \"number\",\n \"$value\": 40,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19383\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:eea677b23c84c959d08f6b3b949cc87cf40e8914/-1:-1\",\n \"targetVariableName\": \"spacing/40\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-3xl\": {\n \"$type\": \"number\",\n \"$value\": 48,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19384\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:cde2cd90a6e2f8199c4633c746667c56384d6188/-1:-1\",\n \"targetVariableName\": \"spacing/48\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-4xl\": {\n \"$type\": \"number\",\n \"$value\": 56,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19385\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:1898b103699e5a1e13fcbafb2b6e6ab95a38fa74/-1:-1\",\n \"targetVariableName\": \"spacing/56\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"spacing-5xl\": {\n \"$type\": \"number\",\n \"$value\": 64,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19386\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:51178b501ef42f97274afb5a423a3d38381de505/-1:-1\",\n \"targetVariableName\": \"spacing/64\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n }\n },\n \"radius\": {\n \"radius-minimal\": {\n \"$type\": \"number\",\n \"$value\": 2,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19387\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:3c8ba4d28bfa78637bb8ce7623c92448c98442fe/-1:-1\",\n \"targetVariableName\": \"radius/xs\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"radius-rounded\": {\n \"$type\": \"number\",\n \"$value\": 4,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19388\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:93327892f502e4046f2481bf4193bf0b7b9aa3ec/-1:-1\",\n \"targetVariableName\": \"radius/s\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"radius-standard\": {\n \"$type\": \"number\",\n \"$value\": 8,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19862\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:16e4bcea4acf2415793cfe35edd4fe99dc0a8bec/-1:-1\",\n \"targetVariableName\": \"radius/m\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"radius-large\": {\n \"$type\": \"number\",\n \"$value\": 16,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:576:5517\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:251caa3178916bbadee9fa6e7e8d3a4a33c613da/-1:-1\",\n \"targetVariableName\": \"radius/lg\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n },\n \"radius-full\": {\n \"$type\": \"number\",\n \"$value\": 128,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:525:19389\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.aliasData\": {\n \"targetVariableId\": \"VariableID:74145e1fa2dfd818ea72256d45ab952a5d8681eb/-1:-1\",\n \"targetVariableName\": \"radius/3xl\",\n \"targetVariableSetId\": \"VariableCollectionId:ac967ee8c90e1b495403ae4e788a5f0b74b5d3dc/-1:-1\",\n \"targetVariableSetName\": \"Primitives\"\n }\n }\n }\n },\n \"$extensions\": {\n \"com.figma.modeName\": \"Mode 1\"\n }\n}", "type": "registry:file", "target": "src/styles/tokens/snapp-semantic.tokens.json" }, { "path": "registry/radix-nova/tokens/typography.tokens.json", "content": "{\n \"font\": {\n \"family\": {\n \"Title\": {\n \"$type\": \"string\",\n \"$value\": \"Judson\",\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11359\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.type\": \"string\"\n }\n },\n \"Body\": {\n \"$type\": \"string\",\n \"$value\": \"IBM Plex Sans\",\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11360\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.type\": \"string\"\n }\n }\n },\n \"weight\": {\n \"Regular\": {\n \"$type\": \"string\",\n \"$value\": \"Regular\",\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11361\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.type\": \"string\"\n }\n },\n \"Bold\": {\n \"$type\": \"string\",\n \"$value\": \"Bold\",\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11362\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ],\n \"com.figma.type\": \"string\"\n }\n }\n },\n \"size\": {\n \"xxs\": {\n \"$type\": \"number\",\n \"$value\": 11,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11363\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"xs\": {\n \"$type\": \"number\",\n \"$value\": 12,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11364\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"sm\": {\n \"$type\": \"number\",\n \"$value\": 14,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11365\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"md\": {\n \"$type\": \"number\",\n \"$value\": 16,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11367\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"lg\": {\n \"$type\": \"number\",\n \"$value\": 18,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11366\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"xl\": {\n \"$type\": \"number\",\n \"$value\": 20,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11368\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"2xl\": {\n \"$type\": \"number\",\n \"$value\": 24,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11369\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"3xl\": {\n \"$type\": \"number\",\n \"$value\": 32,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11370\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"4xl\": {\n \"$type\": \"number\",\n \"$value\": 40,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11371\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"5xl\": {\n \"$type\": \"number\",\n \"$value\": 48,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11372\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n }\n },\n \"line-height\": {\n \"xxxs\": {\n \"$type\": \"number\",\n \"$value\": 12,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11380\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"xxs\": {\n \"$type\": \"number\",\n \"$value\": 16,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11373\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"xs\": {\n \"$type\": \"number\",\n \"$value\": 20,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11378\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"sm\": {\n \"$type\": \"number\",\n \"$value\": 24,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11374\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"md\": {\n \"$type\": \"number\",\n \"$value\": 28,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11379\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"lg\": {\n \"$type\": \"number\",\n \"$value\": 32,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11375\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"xl\": {\n \"$type\": \"number\",\n \"$value\": 40,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11376\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n },\n \"2xl\": {\n \"$type\": \"number\",\n \"$value\": 48,\n \"$extensions\": {\n \"com.figma.variableId\": \"VariableID:542:11377\",\n \"com.figma.scopes\": [\n \"ALL_SCOPES\"\n ]\n }\n }\n }\n },\n \"$extensions\": {\n \"com.figma.modeName\": \"Mode 1\"\n }\n}", "type": "registry:file", "target": "src/styles/tokens/snapp-typography.tokens.json" } ], "cssVars": { "theme": { "breakpoint-snapp-phone": "26.25rem", "breakpoint-snapp-narrow": "30rem", "breakpoint-snapp-compact": "35rem", "breakpoint-snapp-mobile": "47.5rem", "breakpoint-snapp-desktop": "53.75rem", "breakpoint-snapp-tablet": "56.25rem", "breakpoint-snapp-layout": "62.5rem", "breakpoint-snapp-wide": "68.75rem", "spacing-snapp-card": "7.5625rem", "spacing-snapp-card-width": "15.9375rem", "spacing-snapp-content": "68.25rem", "spacing-snapp-article": "53.75rem", "spacing-snapp-page": "min(68.25rem, calc(100% - 4rem))", "spacing-snapp-page-mobile": "calc(100% - 2rem)", "spacing-snapp-search": "min(41.75rem, calc(100% - 2rem))", "spacing-snapp-hero-title": "min(37.125rem, 100%)", "spacing-snapp-hero-copy": "min(48.375rem, 90%)", "spacing-snapp-card-half": "calc((100% - 1.5rem) / 2)", "spacing-snapp-hero-x": "6.3125rem", "spacing-snapp-overlay-max": "80vh", "spacing-snapp-dialog-max": "calc(100% - 2rem)", "spacing-snapp-form": "min(32.5rem, 100%)", "spacing-snapp-search-results": "calc(100% - 3.25rem)", "spacing-snapp-skeleton-72": "72%", "spacing-snapp-skeleton-68": "68%", "spacing-snapp-skeleton-54": "54%", "spacing-snapp-viewport-min": "20rem", "spacing-snapp-sidebar": "16rem", "text-snapp-tiny": "0.625rem", "text-snapp-micro": "0.6875rem", "text-snapp-caption": "0.8125rem", "text-snapp-body-sm": "0.9375rem", "text-snapp-display-sm": "2.375rem", "text-snapp-display": "2.5rem", "leading-snapp-display-sm": "2.5rem", "leading-snapp-display": "2.75rem", "radius-snapp-control": "0.625rem", "radius-snapp-action-menu": "0.375rem", "radius-snapp-mark": "0.125rem 0.4375rem 0.125rem 0.4375rem", "color-snapp-brand-primary": "var(--snapp-colour-brand-primary)", "color-snapp-brand-accent": "var(--snapp-colour-brand-accent)", "color-snapp-brand-shade": "var(--snapp-colour-brand-shade)", "color-snapp-grey-0": "var(--snapp-colour-grey-0)", "color-snapp-grey-50": "var(--snapp-colour-grey-50)", "color-snapp-grey-100": "var(--snapp-colour-grey-100)", "color-snapp-grey-150": "var(--snapp-colour-grey-150)", "color-snapp-grey-200": "var(--snapp-colour-grey-200)", "color-snapp-grey-300": "var(--snapp-colour-grey-300)", "color-snapp-grey-400": "var(--snapp-colour-grey-400)", "color-snapp-grey-500": "var(--snapp-colour-grey-500)", "color-snapp-grey-600": "var(--snapp-colour-grey-600)", "color-snapp-grey-700": "var(--snapp-colour-grey-700)", "color-snapp-grey-800": "var(--snapp-colour-grey-800)", "color-snapp-grey-900": "var(--snapp-colour-grey-900)", "color-snapp-grey-1000": "var(--snapp-colour-grey-1000)", "color-snapp-secondary-green": "var(--snapp-colour-secondary-green)", "color-snapp-secondary-amber": "var(--snapp-colour-secondary-amber)", "color-snapp-secondary-blue": "var(--snapp-colour-secondary-blue)", "color-snapp-secondary-baby-blue": "var(--snapp-colour-secondary-baby-blue)", "color-snapp-secondary-red": "var(--snapp-colour-secondary-red)", "color-snapp-transparency-grey": "var(--snapp-colour-transparency-grey)", "spacing-snapp-2": "var(--snapp-spacing-2)", "spacing-snapp-4": "var(--snapp-spacing-4)", "spacing-snapp-8": "var(--snapp-spacing-8)", "spacing-snapp-12": "var(--snapp-spacing-12)", "spacing-snapp-16": "var(--snapp-spacing-16)", "spacing-snapp-24": "var(--snapp-spacing-24)", "spacing-snapp-32": "var(--snapp-spacing-32)", "spacing-snapp-40": "var(--snapp-spacing-40)", "spacing-snapp-48": "var(--snapp-spacing-48)", "spacing-snapp-56": "var(--snapp-spacing-56)", "spacing-snapp-64": "var(--snapp-spacing-64)", "spacing-snapp-72": "var(--snapp-spacing-72)", "spacing-snapp-80": "var(--snapp-spacing-80)", "spacing-snapp-88": "var(--snapp-spacing-88)", "spacing-snapp-96": "var(--snapp-spacing-96)", "radius-snapp-xs": "var(--snapp-radius-xs)", "radius-snapp-s": "var(--snapp-radius-s)", "radius-snapp-m": "var(--snapp-radius-m)", "radius-snapp-lg": "var(--snapp-radius-lg)", "radius-snapp-xl": "var(--snapp-radius-xl)", "radius-snapp-2xl": "var(--snapp-radius-2xl)", "radius-snapp-3xl": "var(--snapp-radius-3xl)", "color-snapp-text-primary": "var(--snapp-text-primary)", "color-snapp-text-secondary": "var(--snapp-text-secondary)", "color-snapp-text-brand": "var(--snapp-text-brand)", "color-snapp-text-invert": "var(--snapp-text-invert)", "color-snapp-text-accent": "var(--snapp-text-accent)", "color-snapp-text-soft": "var(--snapp-text-soft)", "color-snapp-text-red": "var(--snapp-text-red)", "color-snapp-text-green": "var(--snapp-text-green)", "color-snapp-text-amber": "var(--snapp-text-amber)", "color-snapp-text-blue": "var(--snapp-text-blue)", "color-snapp-surface-primary": "var(--snapp-surface-primary)", "color-snapp-surface-secondary": "var(--snapp-surface-secondary)", "color-snapp-surface-brand": "var(--snapp-surface-brand)", "color-snapp-surface-invert": "var(--snapp-surface-invert)", "color-snapp-surface-accent": "var(--snapp-surface-accent)", "color-snapp-surface-red": "var(--snapp-surface-red)", "color-snapp-surface-green": "var(--snapp-surface-green)", "color-snapp-surface-amber": "var(--snapp-surface-amber)", "color-snapp-surface-blue": "var(--snapp-surface-blue)", "color-snapp-surface-transparent": "var(--snapp-surface-transparent)", "color-snapp-border-primary": "var(--snapp-border-primary)", "color-snapp-border-invert": "var(--snapp-border-invert)", "color-snapp-border-brand": "var(--snapp-border-brand)", "color-snapp-border-accent": "var(--snapp-border-accent)", "color-snapp-border-subtle": "var(--snapp-border-subtle)", "color-snapp-border-highlight": "var(--snapp-border-highlight)", "color-snapp-icon-red": "var(--snapp-icon-red)", "color-snapp-icon-green": "var(--snapp-icon-green)", "color-snapp-icon-amber": "var(--snapp-icon-amber)", "color-snapp-icon-blue": "var(--snapp-icon-blue)", "color-snapp-icon-brand": "var(--snapp-icon-brand)", "color-snapp-icon-accent": "var(--snapp-icon-accent)", "color-snapp-icon-invert": "var(--snapp-icon-invert)", "color-snapp-icon-primary": "var(--snapp-icon-primary)", "color-snapp-icon-subtle": "var(--snapp-icon-subtle)", "color-snapp-button-primary": "var(--snapp-button-primary)", "color-snapp-button-secondary": "var(--snapp-button-secondary)", "color-snapp-button-brand": "var(--snapp-button-brand)", "color-snapp-button-invert": "var(--snapp-button-invert)", "color-snapp-button-accent": "var(--snapp-button-accent)", "color-snapp-button-outline": "var(--snapp-button-outline)", "spacing-snapp-none": "var(--snapp-spacing-none)", "spacing-snapp-xxxs": "var(--snapp-spacing-xxxs)", "spacing-snapp-xxs": "var(--snapp-spacing-xxs)", "spacing-snapp-xs": "var(--snapp-spacing-xs)", "spacing-snapp-s": "var(--snapp-spacing-s)", "spacing-snapp-m": "var(--snapp-spacing-m)", "spacing-snapp-lg": "var(--snapp-spacing-lg)", "spacing-snapp-xl": "var(--snapp-spacing-xl)", "spacing-snapp-2xl": "var(--snapp-spacing-2xl)", "spacing-snapp-3xl": "var(--snapp-spacing-3xl)", "spacing-snapp-4xl": "var(--snapp-spacing-4xl)", "spacing-snapp-5xl": "var(--snapp-spacing-5xl)", "radius-snapp-minimal": "var(--snapp-radius-minimal)", "radius-snapp-rounded": "var(--snapp-radius-rounded)", "radius-snapp-standard": "var(--snapp-radius-standard)", "radius-snapp-large": "var(--snapp-radius-large)", "radius-snapp-full": "var(--snapp-radius-full)", "font-snapp-title": "var(--snapp-font-family-title)", "font-snapp-body": "var(--snapp-font-family-body)", "font-weight-snapp-regular": "var(--snapp-font-weight-regular)", "font-weight-snapp-bold": "var(--snapp-font-weight-bold)", "text-snapp-xxs": "var(--snapp-font-size-xxs)", "text-snapp-xs": "var(--snapp-font-size-xs)", "text-snapp-sm": "var(--snapp-font-size-sm)", "text-snapp-md": "var(--snapp-font-size-md)", "text-snapp-lg": "var(--snapp-font-size-lg)", "text-snapp-xl": "var(--snapp-font-size-xl)", "text-snapp-2xl": "var(--snapp-font-size-2xl)", "text-snapp-3xl": "var(--snapp-font-size-3xl)", "text-snapp-4xl": "var(--snapp-font-size-4xl)", "text-snapp-5xl": "var(--snapp-font-size-5xl)", "leading-snapp-xxxs": "var(--snapp-font-line-height-xxxs)", "leading-snapp-xxs": "var(--snapp-font-line-height-xxs)", "leading-snapp-xs": "var(--snapp-font-line-height-xs)", "leading-snapp-sm": "var(--snapp-font-line-height-sm)", "leading-snapp-md": "var(--snapp-font-line-height-md)", "leading-snapp-lg": "var(--snapp-font-line-height-lg)", "leading-snapp-xl": "var(--snapp-font-line-height-xl)", "leading-snapp-2xl": "var(--snapp-font-line-height-2xl)", "color-background": "var(--background)", "color-foreground": "var(--foreground)", "color-card": "var(--card)", "color-card-foreground": "var(--card-foreground)", "color-popover": "var(--popover)", "color-popover-foreground": "var(--popover-foreground)", "color-primary": "var(--primary)", "color-primary-foreground": "var(--primary-foreground)", "color-secondary": "var(--secondary)", "color-secondary-foreground": "var(--secondary-foreground)", "color-muted": "var(--muted)", "color-muted-foreground": "var(--muted-foreground)", "color-accent": "var(--accent)", "color-accent-foreground": "var(--accent-foreground)", "color-destructive": "var(--destructive)", "color-border": "var(--border)", "color-input": "var(--input)", "color-ring": "var(--ring)", "color-sidebar": "var(--sidebar)", "color-sidebar-foreground": "var(--sidebar-foreground)", "color-sidebar-primary": "var(--sidebar-primary)", "color-sidebar-primary-foreground": "var(--sidebar-primary-foreground)", "color-sidebar-accent": "var(--sidebar-accent)", "color-sidebar-accent-foreground": "var(--sidebar-accent-foreground)", "color-sidebar-border": "var(--sidebar-border)", "color-sidebar-ring": "var(--sidebar-ring)", "color-snapp-border-card": "var(--snapp-border-card)", "color-snapp-card-border": "var(--snapp-border-card)", "color-snapp-skeleton-icon": "var(--snapp-skeleton-icon)", "color-snapp-skeleton-line": "var(--snapp-skeleton-line)", "color-snapp-skeleton-soft": "var(--snapp-skeleton-soft)", "color-snapp-brand": "var(--snapp-brand)", "color-snapp-accent": "var(--snapp-accent)", "color-snapp-ink": "var(--snapp-ink)", "color-snapp-canvas": "var(--snapp-canvas)", "color-snapp-surface": "var(--snapp-surface)", "color-snapp-danger": "var(--snapp-danger)", "shadow-snapp-card-hover": "var(--snapp-shadow-card-hover)", "shadow-snapp-drag-preview": "var(--snapp-shadow-drag-preview)", "shadow-snapp-flyout": "var(--snapp-shadow-flyout)" }, "light": { "snapp-colour-brand-primary": "#2f455c", "snapp-colour-brand-accent": "#40bfac", "snapp-colour-brand-shade": "#43576c", "snapp-colour-grey-0": "#ffffff", "snapp-colour-grey-50": "#f4f4f4", "snapp-colour-grey-100": "#eaeaeb", "snapp-colour-grey-150": "#dfe0e0", "snapp-colour-grey-200": "#d4d5d5", "snapp-colour-grey-300": "#c0c0c1", "snapp-colour-grey-400": "#aaabab", "snapp-colour-grey-500": "#959697", "snapp-colour-grey-600": "#7f8082", "snapp-colour-grey-700": "#6a6c6d", "snapp-colour-grey-800": "#555658", "snapp-colour-grey-900": "#2a2c2e", "snapp-colour-grey-1000": "#000000", "snapp-colour-secondary-green": "#00a63e", "snapp-colour-secondary-amber": "#ff9e20", "snapp-colour-secondary-blue": "#0078d4", "snapp-colour-secondary-baby-blue": "#e6f2fb", "snapp-colour-secondary-red": "#e94435", "snapp-colour-transparency-grey": "#2a2c2e4d", "snapp-spacing-2": "0.125rem", "snapp-spacing-4": "0.25rem", "snapp-spacing-8": "0.5rem", "snapp-spacing-12": "0.75rem", "snapp-spacing-16": "1rem", "snapp-spacing-24": "1.5rem", "snapp-spacing-32": "2rem", "snapp-spacing-40": "2.5rem", "snapp-spacing-48": "3rem", "snapp-spacing-56": "3.5rem", "snapp-spacing-64": "4rem", "snapp-spacing-72": "4.5rem", "snapp-spacing-80": "5rem", "snapp-spacing-88": "5.5rem", "snapp-spacing-96": "6rem", "snapp-radius-xs": "0.125rem", "snapp-radius-s": "0.25rem", "snapp-radius-m": "0.5rem", "snapp-radius-lg": "1rem", "snapp-radius-xl": "2rem", "snapp-radius-2xl": "4rem", "snapp-radius-3xl": "8rem", "snapp-text-primary": "var(--snapp-colour-grey-900)", "snapp-text-secondary": "var(--snapp-colour-grey-600)", "snapp-text-brand": "var(--snapp-colour-brand-primary)", "snapp-text-invert": "var(--snapp-colour-grey-50)", "snapp-text-accent": "var(--snapp-colour-brand-accent)", "snapp-text-soft": "var(--snapp-colour-grey-400)", "snapp-text-red": "var(--snapp-colour-secondary-red)", "snapp-text-green": "var(--snapp-colour-secondary-green)", "snapp-text-amber": "var(--snapp-colour-secondary-amber)", "snapp-text-blue": "var(--snapp-colour-secondary-blue)", "snapp-surface-primary": "var(--snapp-colour-grey-0)", "snapp-surface-secondary": "var(--snapp-colour-grey-50)", "snapp-surface-brand": "var(--snapp-colour-brand-primary)", "snapp-surface-invert": "var(--snapp-colour-grey-900)", "snapp-surface-accent": "var(--snapp-colour-brand-accent)", "snapp-surface-red": "var(--snapp-colour-secondary-red)", "snapp-surface-green": "var(--snapp-colour-secondary-green)", "snapp-surface-amber": "var(--snapp-colour-secondary-amber)", "snapp-surface-blue": "var(--snapp-colour-secondary-blue)", "snapp-surface-transparent": "var(--snapp-colour-transparency-grey)", "snapp-border-primary": "var(--snapp-colour-grey-150)", "snapp-border-invert": "var(--snapp-colour-grey-50)", "snapp-border-brand": "var(--snapp-colour-brand-primary)", "snapp-border-accent": "var(--snapp-colour-brand-accent)", "snapp-border-subtle": "var(--snapp-colour-brand-shade)", "snapp-border-highlight": "var(--snapp-colour-secondary-blue)", "snapp-icon-red": "var(--snapp-colour-secondary-red)", "snapp-icon-green": "var(--snapp-colour-secondary-green)", "snapp-icon-amber": "var(--snapp-colour-secondary-amber)", "snapp-icon-blue": "var(--snapp-colour-secondary-blue)", "snapp-icon-brand": "var(--snapp-colour-brand-primary)", "snapp-icon-accent": "var(--snapp-colour-brand-accent)", "snapp-icon-invert": "var(--snapp-colour-grey-50)", "snapp-icon-primary": "var(--snapp-colour-grey-600)", "snapp-icon-subtle": "var(--snapp-colour-grey-150)", "snapp-button-primary": "var(--snapp-colour-brand-primary)", "snapp-button-secondary": "var(--snapp-colour-secondary-baby-blue)", "snapp-button-brand": "var(--snapp-colour-brand-primary)", "snapp-button-invert": "var(--snapp-colour-grey-50)", "snapp-button-accent": "var(--snapp-colour-brand-accent)", "snapp-button-outline": "var(--snapp-colour-grey-150)", "snapp-spacing-none": "0", "snapp-spacing-xxxs": "var(--snapp-spacing-2)", "snapp-spacing-xxs": "var(--snapp-spacing-4)", "snapp-spacing-xs": "var(--snapp-spacing-8)", "snapp-spacing-s": "var(--snapp-spacing-12)", "snapp-spacing-m": "var(--snapp-spacing-16)", "snapp-spacing-lg": "var(--snapp-spacing-24)", "snapp-spacing-xl": "var(--snapp-spacing-32)", "snapp-spacing-2xl": "var(--snapp-spacing-40)", "snapp-spacing-3xl": "var(--snapp-spacing-48)", "snapp-spacing-4xl": "var(--snapp-spacing-56)", "snapp-spacing-5xl": "var(--snapp-spacing-64)", "snapp-radius-minimal": "var(--snapp-radius-xs)", "snapp-radius-rounded": "var(--snapp-radius-s)", "snapp-radius-standard": "var(--snapp-radius-m)", "snapp-radius-large": "var(--snapp-radius-lg)", "snapp-radius-full": "var(--snapp-radius-3xl)", "snapp-font-family-title": "\"Judson\", serif", "snapp-font-family-body": "\"IBM Plex Sans\", sans-serif", "snapp-font-weight-regular": "400", "snapp-font-weight-bold": "700", "snapp-font-size-xxs": "0.6875rem", "snapp-font-size-xs": "0.75rem", "snapp-font-size-sm": "0.875rem", "snapp-font-size-md": "1rem", "snapp-font-size-lg": "1.125rem", "snapp-font-size-xl": "1.25rem", "snapp-font-size-2xl": "1.5rem", "snapp-font-size-3xl": "2rem", "snapp-font-size-4xl": "2.5rem", "snapp-font-size-5xl": "3rem", "snapp-font-line-height-xxxs": "0.75rem", "snapp-font-line-height-xxs": "1rem", "snapp-font-line-height-xs": "1.25rem", "snapp-font-line-height-sm": "1.5rem", "snapp-font-line-height-md": "1.75rem", "snapp-font-line-height-lg": "2rem", "snapp-font-line-height-xl": "2.5rem", "snapp-font-line-height-2xl": "3rem", "snapp-border-card": "rgb(42 44 46 / 15%)", "snapp-skeleton-icon": "rgb(64 191 172 / 20%)", "snapp-skeleton-line": "rgb(42 44 46 / 10%)", "snapp-skeleton-soft": "rgb(42 44 46 / 5%)", "snapp-shadow-card-hover": "0 0.25rem 0.46875rem rgb(0 0 0 / 10%)", "snapp-shadow-drag-preview": "0 0.25rem 0.375rem rgb(0 0 0 / 25%)", "snapp-shadow-flyout": "0 0.25rem 0.375rem rgb(0 0 0 / 25%)", "snapp-brand": "var(--snapp-colour-brand-primary)", "snapp-accent": "var(--snapp-colour-brand-accent)", "snapp-ink": "var(--snapp-text-primary)", "snapp-canvas": "#eef1f4", "snapp-surface": "var(--snapp-surface-primary)", "snapp-danger": "var(--snapp-colour-secondary-red)", "snapp-indicator-border": "1.5px", "snapp-hairline": "1px", "snapp-control-inset": "2px", "snapp-tooltip-arrow-offset": "2px", "radius": "var(--snapp-radius-m)", "background": "var(--snapp-surface)", "foreground": "var(--snapp-ink)", "card": "var(--snapp-surface)", "card-foreground": "var(--snapp-ink)", "popover": "var(--snapp-surface)", "popover-foreground": "var(--snapp-ink)", "primary": "var(--snapp-brand)", "primary-foreground": "var(--snapp-text-invert)", "secondary": "var(--snapp-surface-secondary)", "secondary-foreground": "var(--snapp-text-primary)", "muted": "var(--snapp-surface-secondary)", "muted-foreground": "var(--snapp-text-secondary)", "accent": "var(--snapp-surface-secondary)", "accent-foreground": "var(--snapp-text-primary)", "destructive": "var(--snapp-danger)", "border": "var(--snapp-border-primary)", "input": "var(--snapp-border-card)", "ring": "var(--snapp-border-brand)", "sidebar": "var(--snapp-surface-secondary)", "sidebar-foreground": "var(--snapp-text-primary)", "sidebar-primary": "var(--snapp-brand)", "sidebar-primary-foreground": "var(--snapp-text-invert)", "sidebar-accent": "var(--snapp-surface-primary)", "sidebar-accent-foreground": "var(--snapp-text-primary)", "sidebar-border": "var(--snapp-border-primary)", "sidebar-ring": "var(--snapp-border-brand)" }, "dark": { "snapp-brand": "#d8e3ec", "snapp-accent": "#5fd4c2", "snapp-ink": "#f5f7f9", "snapp-canvas": "#18222c", "snapp-surface": "#202d39", "snapp-danger": "#fda29b", "snapp-shadow-drag-preview": "0 0.25rem 0.375rem rgb(0 0 0 / 45%)", "snapp-shadow-flyout": "0 0.25rem 0.375rem rgb(0 0 0 / 45%)", "snapp-indicator-border": "1.5px", "snapp-hairline": "1px", "snapp-control-inset": "2px", "snapp-tooltip-arrow-offset": "2px", "radius": "var(--snapp-radius-m)", "background": "var(--snapp-surface)", "foreground": "var(--snapp-ink)", "card": "var(--snapp-surface)", "card-foreground": "var(--snapp-ink)", "popover": "var(--snapp-surface)", "popover-foreground": "var(--snapp-ink)", "primary": "var(--snapp-brand)", "primary-foreground": "var(--snapp-text-invert)", "secondary": "var(--snapp-surface-secondary)", "secondary-foreground": "var(--snapp-text-primary)", "muted": "var(--snapp-surface-secondary)", "muted-foreground": "var(--snapp-text-secondary)", "accent": "var(--snapp-surface-secondary)", "accent-foreground": "var(--snapp-text-primary)", "destructive": "var(--snapp-danger)", "border": "var(--snapp-border-primary)", "input": "var(--snapp-border-card)", "ring": "var(--snapp-border-brand)", "sidebar": "var(--snapp-surface-secondary)", "sidebar-foreground": "var(--snapp-text-primary)", "sidebar-primary": "var(--snapp-brand)", "sidebar-primary-foreground": "var(--snapp-text-invert)", "sidebar-accent": "var(--snapp-surface-primary)", "sidebar-accent-foreground": "var(--snapp-text-primary)", "sidebar-border": "var(--snapp-border-primary)", "sidebar-ring": "var(--snapp-border-brand)" } }, "css": { "@import \"./styles/snapp-theme.css\"": {}, "@import \"./styles/snapp-fonts.css\"": {} }, "type": "registry:theme" }