/* Astryx token bridge for the static Claimgrid build. Token names and scale shape follow @astryxdesign/core 0.1.3. */ @layer astryx-theme { :root, [data-astryx-theme="claimgrid"] { color-scheme: light; --border-width: 1px; --color-accent: #b11226; --color-accent-muted: rgba(177, 18, 38, 0.09); --color-on-accent: #ffffff; --color-neutral: rgba(11, 11, 13, 0.08); --color-background-surface: #ffffff; --color-background-body: #f5f5f7; --color-overlay: rgba(11, 11, 13, 0.54); --color-overlay-hover: rgba(177, 18, 38, 0.08); --color-overlay-pressed: rgba(177, 18, 38, 0.14); --color-background-muted: #ececed; --color-text-primary: #151518; --color-text-secondary: #5a5a63; --color-text-disabled: #85858c; --color-text-accent: var(--color-accent); --color-on-dark: #ffffff; --color-on-light: #0b0b0d; --color-icon-accent: var(--color-accent); --color-icon-primary: var(--color-text-primary); --color-icon-secondary: var(--color-text-secondary); --color-icon-disabled: var(--color-text-disabled); --color-background-card: #ffffff; --color-background-popover: #ffffff; --color-background-inverted: #0b0b0d; --color-background-error-inverted: #8f0e1f; --color-success: #0f7a3b; --color-success-muted: rgba(15, 122, 59, 0.12); --color-on-success: #ffffff; --color-error: #b11226; --color-error-muted: rgba(177, 18, 38, 0.12); --color-on-error: #ffffff; --color-warning: #b7791f; --color-warning-muted: rgba(183, 121, 31, 0.13); --color-on-warning: #151518; --color-border: rgba(11, 11, 13, 0.11); --color-border-emphasized: rgba(11, 11, 13, 0.2); --color-skeleton: rgba(11, 11, 13, 0.1); --color-track: rgba(11, 11, 13, 0.13); --color-shadow: rgba(11, 11, 13, 0.12); --color-tint-hover: #000000; --color-background-red: rgba(177, 18, 38, 0.09); --color-border-red: #b11226; --color-icon-red: #b11226; --color-text-red: #7b0210; --color-background-gray: rgba(11, 11, 13, 0.06); --color-border-gray: rgba(11, 11, 13, 0.18); --color-icon-gray: #5a5a63; --color-text-gray: #151518; --color-background-green: rgba(15, 122, 59, 0.1); --color-border-green: #0f7a3b; --color-icon-green: #0f7a3b; --color-text-green: #0a4d28; --duration-fast-min: 130ms; --duration-fast: 175ms; --duration-fast-max: 230ms; --duration-medium-min: 310ms; --duration-medium: 410ms; --duration-medium-max: 550ms; --duration-slow-min: 730ms; --duration-slow: 975ms; --duration-slow-max: 1300ms; --ease-standard: cubic-bezier(0.24, 1, 0.4, 1); --transition-fast: 0.15s ease; --transition-normal: 0.2s ease; --font-family-body: 'Outfit', 'Aptos', 'Segoe UI Variable', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-family-heading: var(--font-family-body); --font-family-code: 'SF Mono', Monaco, Consolas, monospace; --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; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --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-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-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.2414; --radius-none: 0px; --radius-inner: 4px; --radius-element: 8px; --radius-container: 12px; --radius-page: 28px; --radius-chat: 28px; --radius-full: 9999px; --shadow-low: 0 1px 1px rgba(11, 11, 13, 0.05), 0 2px 8px rgba(11, 11, 13, 0.08); --shadow-med: 0 1px 2px rgba(11, 11, 13, 0.06), 0 12px 28px rgba(11, 11, 13, 0.1); --shadow-high: 0 2px 2px rgba(11, 11, 13, 0.06), 0 20px 44px rgba(11, 11, 13, 0.13); --shadow-inset-hover: inset 0 0 0 2px rgba(177, 18, 38, 0.16); --shadow-inset-selected: inset 0 0 0 2px rgba(177, 18, 38, 0.4); --shadow-inset-success: inset 0 0 0 2px rgba(15, 122, 59, 0.28); --shadow-inset-warning: inset 0 0 0 2px rgba(183, 121, 31, 0.28); --shadow-inset-error: inset 0 0 0 2px rgba(177, 18, 38, 0.3); --size-element-sm: 28px; --size-element-md: 32px; --size-element-lg: 36px; --spacing-0: 0px; --spacing-0-5: 2px; --spacing-1: 4px; --spacing-1-5: 6px; --spacing-2: 8px; --spacing-3: 12px; --spacing-4: 16px; --spacing-5: 20px; --spacing-6: 24px; --spacing-7: 28px; --spacing-8: 32px; --spacing-9: 36px; --spacing-10: 40px; --spacing-11: 44px; --spacing-12: 48px; --astryx-card-padding: var(--spacing-6); --astryx-section-padding: var(--spacing-8); --button-disabled-opacity: 0.5; --button-focus-offset: 3px; --button-icon-only-aspect: 1 / 1; --button-press-scale: scale(0.98); } }