/** * @generated by `astryx theme build` — do not edit manually. * Source: src/theme/loyalyTheme.ts * Command: astryx theme build src/theme/loyalyTheme.ts * Generated: 2026-08-05T11:18:10.756Z */ /** * loyaly theme — built by `npx astryx theme build` * Import the CSS file alongside this module: * * import { loyalyTheme } from './loyaly'; * import './loyaly.css'; */ export const loyalyTheme = { name: 'loyaly', __built: true, tokens: { "--font-size-4xs": "0.375rem", "--font-size-3xs": "0.4375rem", "--font-size-2xs": "0.5rem", "--font-size-xs": "0.625rem", "--font-size-sm": "0.75rem", "--font-size-base": "0.875rem", "--font-size-lg": "1.0625rem", "--font-size-xl": "1.25rem", "--font-size-2xl": "1.5rem", "--font-size-3xl": "1.8125rem", "--font-size-4xl": "2.1875rem", "--font-size-5xl": "2.625rem", "--text-heading-1-size": "var(--font-size-2xl)", "--text-heading-1-weight": "var(--font-weight-semibold)", "--text-heading-1-leading": "1.3333", "--text-heading-2-size": "var(--font-size-xl)", "--text-heading-2-weight": "var(--font-weight-semibold)", "--text-heading-2-leading": "1.4", "--text-heading-3-size": "var(--font-size-lg)", "--text-heading-3-weight": "var(--font-weight-semibold)", "--text-heading-3-leading": "1.4118", "--text-heading-4-size": "var(--font-size-base)", "--text-heading-4-weight": "var(--font-weight-semibold)", "--text-heading-4-leading": "1.4286", "--text-heading-5-size": "var(--font-size-sm)", "--text-heading-5-weight": "var(--font-weight-semibold)", "--text-heading-5-leading": "1.6667", "--text-heading-6-size": "var(--font-size-xs)", "--text-heading-6-weight": "var(--font-weight-semibold)", "--text-heading-6-leading": "1.6", "--text-body-size": "var(--font-size-base)", "--text-body-weight": "var(--font-weight-normal)", "--text-body-leading": "1.4286", "--text-large-size": "var(--font-size-lg)", "--text-large-weight": "var(--font-weight-semibold)", "--text-large-leading": "1.4118", "--text-label-size": "var(--font-size-base)", "--text-label-weight": "var(--font-weight-medium)", "--text-label-leading": "1.4286", "--text-code-size": "var(--font-size-base)", "--text-code-weight": "var(--font-weight-normal)", "--text-code-leading": "1.4286", "--text-supporting-size": "var(--font-size-sm)", "--text-supporting-weight": "var(--font-weight-normal)", "--text-supporting-leading": "1.6667", "--text-display-1-size": "var(--font-size-5xl)", "--text-display-1-weight": "var(--font-weight-normal)", "--text-display-1-leading": "1.2381", "--text-display-2-size": "var(--font-size-4xl)", "--text-display-2-weight": "var(--font-weight-normal)", "--text-display-2-leading": "1.2571", "--text-display-3-size": "var(--font-size-3xl)", "--text-display-3-weight": "var(--font-weight-normal)", "--text-display-3-leading": "1.3793", "--duration-fast-min": "90ms", "--duration-fast": "120ms", "--duration-fast-max": "160ms", "--duration-medium-min": "195ms", "--duration-medium": "260ms", "--duration-medium-max": "345ms", "--duration-slow-min": "450ms", "--duration-slow": "600ms", "--duration-slow-max": "800ms", "--font-family-body": "var(--font-inter), -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif", "--font-family-heading": "var(--font-sora), -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif", "--font-family-code": "ui-monospace, \"SF Mono\", Monaco, Consolas, monospace", "--color-syntax-keyword": "light-dark(#700084, #efa8ff)", "--color-syntax-string": "light-dark(#005600, #a6d2a2)", "--color-syntax-comment": "light-dark(#737373, #a3a3a3)", "--color-syntax-number": "light-dark(#6e3500, #ffb37f)", "--color-syntax-function": "light-dark(#00458c, #a0caff)", "--color-syntax-type": "light-dark(#700084, #efa8ff)", "--color-syntax-variable": "light-dark(#171717, #e5e5e5)", "--color-syntax-operator": "light-dark(#737373, #a3a3a3)", "--color-syntax-constant": "light-dark(#6e3500, #ffb37f)", "--color-syntax-tag": "light-dark(#89001a, #ffaeaa)", "--color-syntax-attribute": "light-dark(#584400, #eec12f)", "--color-syntax-property": "light-dark(#005348, #83dac9)", "--color-syntax-punctuation": "light-dark(#a3a3a3, #525252)", "--color-syntax-background": "light-dark(#fafafa, #0a0a0a)", "--color-background-surface": "light-dark(#FFFFFF, #0F0F10)", "--color-background-body": "light-dark(#F7F7F8, #000000)", "--color-background-card": "light-dark(#FFFFFF, #171717)", "--color-background-popover": "light-dark(#FFFFFF, #171717)", "--color-background-muted": "light-dark(#F1F1F2, #202124)", "--color-accent": "light-dark(#262626, #202124)", "--color-accent-muted": "light-dark(#F1F1F2, #27272A)", "--color-neutral": "light-dark(#0000000F, #202124)", "--color-overlay": "light-dark(#00000080, #000000CC)", "--color-overlay-hover": "light-dark(#0000000D, #FFFFFF0F)", "--color-overlay-pressed": "light-dark(#0000001A, #FFFFFF1A)", "--color-text-primary": "light-dark(#171717, #FFFFFF)", "--color-text-secondary": "light-dark(#71717A, #A1A1AA)", "--color-text-disabled": "light-dark(#A1A1AA, #71717A)", "--color-text-accent": "light-dark(#171717, #FFFFFF)", "--color-on-dark": "#FFFFFF", "--color-on-light": "#171717", "--color-on-accent": "light-dark(#FFFFFF, #FFFFFF)", "--color-on-success": "light-dark(#FFFFFF, #0A0A0A)", "--color-on-error": "light-dark(#FFFFFF, #0A0A0A)", "--color-on-warning": "#171717", "--color-icon-accent": "light-dark(#171717, #FFFFFF)", "--color-icon-primary": "light-dark(#171717, #FFFFFF)", "--color-icon-secondary": "light-dark(#71717A, #A1A1AA)", "--color-icon-disabled": "light-dark(#A1A1AA, #71717A)", "--color-success": "light-dark(#15803D, #4ADE80)", "--color-error": "light-dark(#B91C1C, #F87171)", "--color-warning": "light-dark(#B45309, #FBBF24)", "--color-success-muted": "light-dark(#DCFCE7, #22C55E29)", "--color-error-muted": "light-dark(#FEE2E2, #EF444429)", "--color-warning-muted": "light-dark(#FEF3C7, #F59E0B29)", "--color-border": "light-dark(#00000014, #2F2F2F)", "--color-border-emphasized": "light-dark(#D4D4D8, #3F3F46)", "--color-skeleton": "light-dark(#EBEBEB, #27272A)", "--color-shadow": "light-dark(#0000001A, #00000099)", "--color-tint-hover": "light-dark(black, white)", "--color-background-red": "light-dark(#facecb, #ff9e973D)", "--color-border-red": "light-dark(#e6bab8, #ff6f6c)", "--color-icon-red": "light-dark(#89001a, #ff9e97)", "--color-text-red": "light-dark(#89001a, #ffc6c1)", "--color-background-orange": "light-dark(#E4E4E7, #202124)", "--color-border-orange": "light-dark(#D4D4D8, #2F2F2F)", "--color-icon-orange": "light-dark(#52525B, #A1A1AA)", "--color-text-orange": "light-dark(#27272A, #E4E4E7)", "--color-background-yellow": "light-dark(#f8da9d, #deb4333D)", "--color-border-yellow": "light-dark(#e4c279, #c0990e)", "--color-icon-yellow": "light-dark(#584400, #deb433)", "--color-text-yellow": "light-dark(#584400, #fdcf4f)", "--color-background-green": "light-dark(#c5e5c0, #84c9803D)", "--color-border-green": "light-dark(#b2d1ac, #69ad67)", "--color-icon-green": "light-dark(#0c5700, #84c980)", "--color-text-green": "light-dark(#0c5700, #9fe59b)", "--color-background-teal": "light-dark(#E4E4E7, #202124)", "--color-border-teal": "light-dark(#D4D4D8, #2F2F2F)", "--color-icon-teal": "light-dark(#52525B, #A1A1AA)", "--color-text-teal": "light-dark(#27272A, #E4E4E7)", "--color-background-cyan": "light-dark(#E4E4E7, #202124)", "--color-border-cyan": "light-dark(#D4D4D8, #2F2F2F)", "--color-icon-cyan": "light-dark(#52525B, #A1A1AA)", "--color-text-cyan": "light-dark(#27272A, #E4E4E7)", "--color-background-blue": "light-dark(#E4E4E7, #202124)", "--color-border-blue": "light-dark(#D4D4D8, #2F2F2F)", "--color-icon-blue": "light-dark(#52525B, #A1A1AA)", "--color-text-blue": "light-dark(#27272A, #E4E4E7)", "--color-background-purple": "light-dark(#E4E4E7, #202124)", "--color-border-purple": "light-dark(#D4D4D8, #2F2F2F)", "--color-icon-purple": "light-dark(#52525B, #A1A1AA)", "--color-text-purple": "light-dark(#27272A, #E4E4E7)", "--color-background-pink": "light-dark(#E4E4E7, #202124)", "--color-border-pink": "light-dark(#D4D4D8, #2F2F2F)", "--color-icon-pink": "light-dark(#52525B, #A1A1AA)", "--color-text-pink": "light-dark(#27272A, #E4E4E7)", "--color-background-gray": "light-dark(#E4E4E7, #202124)", "--color-border-gray": "light-dark(#D4D4D8, #2F2F2F)", "--color-icon-gray": "light-dark(#52525B, #A1A1AA)", "--color-text-gray": "light-dark(#27272A, #E4E4E7)", "--radius-none": "0.25rem", "--radius-inner": "0.375rem", "--radius-element": "0.5rem", "--radius-container": "0.75rem", "--radius-page": "1rem", "--radius-full": "9999px", "--shadow-low": "0 1px 2px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 60%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 6%))", "--shadow-med": "0 2px 8px light-dark(oklch(0 0 0 / 8%), oklch(0 0 0 / 70%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 9%))", "--shadow-high": "0 8px 24px light-dark(oklch(0 0 0 / 12%), oklch(0 0 0 / 80%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 12%))", "--shadow-inset-hover": "inset 0 0 0 2px #52525B", "--shadow-inset-selected": "inset 0 0 0 2px #E4E4E7", "--shadow-inset-success": "inset 0px 0px 0px 2px #1981004D", "--shadow-inset-warning": "inset 0px 0px 0px 2px #ffce2f4D", "--shadow-inset-error": "inset 0px 0px 0px 2px #e33f4a4D", "--color-background-inverted": "light-dark(#171717, #E4E4E7)", "--color-track": "light-dark(#E4E4E7, #27272A)", "--color-data-gray-1": "light-dark(#E4E4E7, #3F3F46)", "--color-data-gray-2": "light-dark(#A1A1AA, #52525B)", "--color-data-gray-3": "light-dark(#71717A, #71717A)", "--color-data-gray-4": "light-dark(#52525B, #A1A1AA)", "--color-data-gray-5": "light-dark(#27272A, #E4E4E7)", "--color-data-neutral": "light-dark(#71717A, #52525B)", "--color-data-categorical-blue": "light-dark(#27272A, #E4E4E7)", "--color-data-categorical-orange": "light-dark(#52525B, #A1A1AA)", "--color-data-categorical-green": "light-dark(#71717A, #71717A)", "--color-data-categorical-purple": "light-dark(#A1A1AA, #52525B)", "--color-data-categorical-cyan": "light-dark(#D4D4D8, #3F3F46)", "--color-data-categorical-red": "light-dark(#27272A, #E4E4E7)", "--color-data-categorical-teal": "light-dark(#52525B, #A1A1AA)", "--color-data-categorical-pink": "light-dark(#71717A, #71717A)", "--color-data-categorical-brown": "light-dark(#A1A1AA, #52525B)", "--color-data-categorical-indigo": "light-dark(#D4D4D8, #3F3F46)" }, };