/* Generated by RunsNative token engine v1.0.0 */ /* Brand: smoke-professional | Generated: 2026-05-28T11:50:56.311Z */ @layer primitives, semantics, themes; @layer primitives { :root { --run-color-brand-50: #fafafb; --run-color-brand-100: #eef1f5; --run-color-brand-200: #d2dcec; --run-color-brand-300: #abc0e7; --run-color-brand-400: #85a6e6; --run-color-brand-500: #5a89e8; --run-color-brand-600: #2563eb; --run-color-brand-700: #204aa4; --run-color-brand-800: #162f61; --run-color-brand-900: #0b1830; --run-color-brand-950: #050a17; --run-color-neutral-0: #ffffff; --run-color-neutral-50: #f1f5fe; --run-color-neutral-100: #e7ebf3; --run-color-neutral-200: #d2d6de; --run-color-neutral-300: #b6bbc2; --run-color-neutral-400: #9da2a9; --run-color-neutral-500: #84888f; --run-color-neutral-600: #686c73; --run-color-neutral-700: #4a4d54; --run-color-neutral-800: #2b2e34; --run-color-neutral-900: #12151a; --run-color-neutral-950: #05070c; --run-color-success-50: #fdfdfd; --run-color-success-100: #fdfdfd; --run-color-success-200: #f3f7f4; --run-color-success-300: #c4e4c9; --run-color-success-400: #8bd59a; --run-color-success-500: #22c55e; --run-color-success-600: #2ca152; --run-color-success-700: #2c7a42; --run-color-success-800: #24532f; --run-color-success-900: #19331e; --run-color-success-950: #102114; --run-color-warning-50: #fefdfd; --run-color-warning-100: #fefdfd; --run-color-warning-200: #fefdfd; --run-color-warning-300: #f6f1e8; --run-color-warning-400: #edd5a1; --run-color-warning-500: #eab308; --run-color-warning-600: #c39723; --run-color-warning-700: #997829; --run-color-warning-800: #6d5825; --run-color-warning-900: #4a3d1e; --run-color-warning-950: #362d17; --run-color-danger-50: #fbf8f8; --run-color-danger-100: #f6edec; --run-color-danger-200: #f1d1ce; --run-color-danger-300: #f0aaa3; --run-color-danger-400: #f07f77; --run-color-danger-500: #ef4444; --run-color-danger-600: #bb3d3b; --run-color-danger-700: #84312e; --run-color-danger-800: #4f201e; --run-color-danger-900: #27100e; --run-color-danger-950: #110606; --run-color-info-50: #f3f5f8; --run-color-info-100: #e6ebf3; --run-color-info-200: #c7d6ee; --run-color-info-300: #9cbbed; --run-color-info-400: #70a1f0; --run-color-info-500: #3b82f6; --run-color-info-600: #3468be; --run-color-info-700: #294b84; --run-color-info-800: #1a2d4c; --run-color-info-900: #0c1523; --run-color-info-950: #04070e; --run-font-family-heading: 'Open Sans', system-ui, sans-serif; --run-font-family-body: 'Open Sans', system-ui, sans-serif; --run-font-family-mono: 'Roboto Mono', ui-monospace, monospace; --run-font-weight-regular: 400; --run-font-weight-medium: 500; --run-font-weight-semibold: 600; --run-font-weight-bold: 700; --run-font-size-xs: 0.75rem; --run-font-size-sm: 0.875rem; --run-font-size-base: 1rem; --run-font-size-lg: 1.125rem; --run-font-size-xl: 1.25rem; --run-font-size-2xl: 1.5rem; --run-font-size-3xl: 1.875rem; --run-font-size-4xl: 2.25rem; --run-font-size-5xl: 3rem; --run-font-size-6xl: 3.75rem; --run-line-height-tight: 1.25; --run-line-height-normal: 1.5; --run-line-height-relaxed: 1.75; --run-letter-spacing-tight: -0.025em; --run-letter-spacing-normal: 0em; --run-letter-spacing-wide: 0.025em; --run-radius-none: 0; --run-radius-sm: 2px; --run-radius-md: 4px; --run-radius-lg: 6px; --run-radius-xl: 8px; --run-radius-2xl: 12px; --run-radius-full: 9999px; --run-shadow-none: none; --run-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --run-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.05); --run-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.05); --run-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.10), 0 8px 10px -6px rgb(0 0 0 / 0.05); --run-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.15); --run-duration-fastest: 75ms; --run-duration-fast: 100ms; --run-duration-normal: 150ms; --run-duration-slow: 200ms; --run-duration-slowest: 300ms; --run-motion-duration-pulse: 1200ms; --run-easing-default: cubic-bezier(0.2, 0, 0, 1); --run-easing-in: cubic-bezier(0.4, 0, 1, 1); --run-easing-out: cubic-bezier(0, 0, 0.2, 1); --run-easing-in-out: cubic-bezier(0.4, 0, 0.2, 1); } } @layer semantics { :root { --run-color-surface-default: var(--run-color-neutral-0); --run-color-surface-subtle: var(--run-color-neutral-50); --run-color-surface-raised: var(--run-color-neutral-0); --run-color-surface-inverse: var(--run-color-neutral-900); --run-color-text-primary: var(--run-color-neutral-900); --run-color-text-secondary: var(--run-color-neutral-600); --run-color-text-tertiary: var(--run-color-neutral-400); --run-color-text-disabled: var(--run-color-neutral-300); --run-color-text-inverse: var(--run-color-neutral-50); --run-color-text-danger: var(--run-color-danger-600); --run-color-icon-primary: var(--run-color-neutral-700); --run-color-icon-secondary: var(--run-color-neutral-400); --run-color-border-default: var(--run-color-neutral-200); --run-color-border-strong: var(--run-color-neutral-400); --run-color-border-subtle: var(--run-color-neutral-100); --run-color-border-input-default: var(--run-color-neutral-300); --run-color-border-input-hover: var(--run-color-neutral-400); --run-color-divider: var(--run-color-neutral-200); --run-color-focus-ring: var(--run-color-brand-500); --run-color-state-hover-overlay: rgb(0 0 0 / 0.04); --run-color-state-active-overlay: rgb(0 0 0 / 0.08); --run-color-state-selected-overlay: var(--run-color-brand-50); --run-opacity-state-disabled: 0.38; --run-color-intent-primary-base: var(--run-color-brand-600); --run-color-intent-primary-hover: var(--run-color-brand-700); --run-color-intent-primary-active: var(--run-color-brand-800); --run-color-intent-primary-subtle: var(--run-color-brand-50); --run-color-intent-primary-on: var(--run-color-neutral-0); --run-color-intent-danger-base: var(--run-color-danger-600); --run-color-intent-danger-hover: var(--run-color-danger-700); --run-color-intent-danger-active: var(--run-color-danger-800); --run-color-intent-danger-subtle: var(--run-color-danger-50); --run-color-intent-danger-on: var(--run-color-neutral-0); --run-color-intent-success-base: var(--run-color-success-600); --run-color-intent-warning-base: var(--run-color-warning-600); --run-color-intent-info-base: var(--run-color-info-600); --run-color-intent-neutral-base: var(--run-color-neutral-600); --run-color-feedback-success-background: var(--run-color-success-50); --run-color-feedback-success-border: var(--run-color-success-200); --run-color-feedback-success-foreground: var(--run-color-success-700); --run-color-feedback-warning-background: var(--run-color-warning-50); --run-color-feedback-warning-border: var(--run-color-warning-200); --run-color-feedback-warning-foreground: var(--run-color-warning-700); --run-color-feedback-danger-background: var(--run-color-danger-50); --run-color-feedback-danger-border: var(--run-color-danger-200); --run-color-feedback-danger-foreground: var(--run-color-danger-700); --run-space-semantic-2xs: 0.25rem; --run-space-semantic-xs: 0.5rem; --run-space-semantic-sm: 0.75rem; --run-space-semantic-md: 1rem; --run-space-semantic-lg: 1.5rem; --run-space-semantic-xl: 2rem; --run-motion-semantic-micro-duration: var(--run-duration-fastest); --run-motion-semantic-micro-easing: var(--run-easing-default); --run-motion-semantic-standard-duration: var(--run-duration-normal); --run-motion-semantic-standard-easing: var(--run-easing-in-out); --run-motion-semantic-entrance-duration: var(--run-duration-slow); --run-motion-semantic-entrance-easing: var(--run-easing-out); --run-motion-semantic-exit-duration: var(--run-duration-fast); --run-motion-semantic-exit-easing: var(--run-easing-in); --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse); --run-motion-semantic-attention-easing: var(--run-easing-in-out); --run-motion-easing-standard: var(--run-easing-in-out); --run-motion-easing-decelerate: var(--run-easing-out); --run-motion-easing-accelerate: var(--run-easing-in); --run-font-semantic-family-body: var(--run-font-family-body); --run-font-semantic-family-heading: var(--run-font-family-heading); --run-font-semantic-family-code: var(--run-font-family-mono); --run-font-semantic-weight-body: var(--run-font-weight-regular); --run-font-semantic-weight-medium: var(--run-font-weight-medium); --run-font-semantic-weight-strong: var(--run-font-weight-semibold); --run-font-semantic-weight-heading: var(--run-font-weight-semibold); --run-font-semantic-weight-bold: var(--run-font-weight-bold); --run-font-semantic-line-height-body: var(--run-line-height-normal); --run-font-semantic-line-height-heading: var(--run-line-height-tight); --run-radius-semantic-control: var(--run-radius-md); --run-radius-semantic-card: var(--run-radius-lg); --run-radius-semantic-pill: var(--run-radius-full); --run-radius-semantic-checkbox: var(--run-radius-sm); --run-elevation-semantic-none: var(--run-shadow-none); --run-elevation-semantic-raised: var(--run-shadow-md); --run-elevation-semantic-overlay: var(--run-shadow-lg); --run-elevation-semantic-modal: var(--run-shadow-xl); --run-size-icon-xs: 0.75rem; --run-size-icon-sm: 1rem; --run-size-icon-md: 1.25rem; --run-size-icon-lg: 1.5rem; --run-size-icon-xl: 2rem; } } @layer themes { :root[data-run-theme="light"] { --run-color-surface-default: var(--run-color-neutral-0); --run-color-surface-subtle: var(--run-color-neutral-50); --run-color-surface-raised: var(--run-color-neutral-0); --run-color-surface-inverse: var(--run-color-neutral-900); --run-color-text-primary: var(--run-color-neutral-900); --run-color-text-secondary: var(--run-color-neutral-600); --run-color-text-tertiary: var(--run-color-neutral-400); --run-color-text-disabled: var(--run-color-neutral-300); --run-color-text-inverse: var(--run-color-neutral-50); --run-color-text-danger: var(--run-color-danger-600); --run-color-icon-primary: var(--run-color-neutral-700); --run-color-icon-secondary: var(--run-color-neutral-400); --run-color-border-default: var(--run-color-neutral-200); --run-color-border-strong: var(--run-color-neutral-400); --run-color-border-subtle: var(--run-color-neutral-100); --run-color-border-input-default: var(--run-color-neutral-300); --run-color-border-input-hover: var(--run-color-neutral-400); --run-color-divider: var(--run-color-neutral-200); --run-color-focus-ring: var(--run-color-brand-500); --run-color-state-hover-overlay: rgb(0 0 0 / 0.04); --run-color-state-active-overlay: rgb(0 0 0 / 0.08); --run-color-state-selected-overlay: var(--run-color-brand-50); --run-opacity-state-disabled: 0.38; --run-color-intent-primary-base: var(--run-color-brand-600); --run-color-intent-primary-hover: var(--run-color-brand-700); --run-color-intent-primary-active: var(--run-color-brand-800); --run-color-intent-primary-subtle: var(--run-color-brand-50); --run-color-intent-primary-on: var(--run-color-neutral-0); --run-color-intent-danger-base: var(--run-color-danger-600); --run-color-intent-danger-hover: var(--run-color-danger-700); --run-color-intent-danger-active: var(--run-color-danger-800); --run-color-intent-danger-subtle: var(--run-color-danger-50); --run-color-intent-danger-on: var(--run-color-neutral-0); --run-color-intent-success-base: var(--run-color-success-600); --run-color-intent-warning-base: var(--run-color-warning-600); --run-color-intent-info-base: var(--run-color-info-600); --run-color-intent-neutral-base: var(--run-color-neutral-600); --run-color-feedback-success-background: var(--run-color-success-50); --run-color-feedback-success-border: var(--run-color-success-200); --run-color-feedback-success-foreground: var(--run-color-success-700); --run-color-feedback-warning-background: var(--run-color-warning-50); --run-color-feedback-warning-border: var(--run-color-warning-200); --run-color-feedback-warning-foreground: var(--run-color-warning-700); --run-color-feedback-danger-background: var(--run-color-danger-50); --run-color-feedback-danger-border: var(--run-color-danger-200); --run-color-feedback-danger-foreground: var(--run-color-danger-700); --run-space-semantic-2xs: 0.25rem; --run-space-semantic-xs: 0.5rem; --run-space-semantic-sm: 0.75rem; --run-space-semantic-md: 1rem; --run-space-semantic-lg: 1.5rem; --run-space-semantic-xl: 2rem; --run-motion-semantic-micro-duration: var(--run-duration-fastest); --run-motion-semantic-micro-easing: var(--run-easing-default); --run-motion-semantic-standard-duration: var(--run-duration-normal); --run-motion-semantic-standard-easing: var(--run-easing-in-out); --run-motion-semantic-entrance-duration: var(--run-duration-slow); --run-motion-semantic-entrance-easing: var(--run-easing-out); --run-motion-semantic-exit-duration: var(--run-duration-fast); --run-motion-semantic-exit-easing: var(--run-easing-in); --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse); --run-motion-semantic-attention-easing: var(--run-easing-in-out); --run-motion-easing-standard: var(--run-easing-in-out); --run-motion-easing-decelerate: var(--run-easing-out); --run-motion-easing-accelerate: var(--run-easing-in); --run-font-semantic-family-body: var(--run-font-family-body); --run-font-semantic-family-heading: var(--run-font-family-heading); --run-font-semantic-family-code: var(--run-font-family-mono); --run-font-semantic-weight-body: var(--run-font-weight-regular); --run-font-semantic-weight-medium: var(--run-font-weight-medium); --run-font-semantic-weight-strong: var(--run-font-weight-semibold); --run-font-semantic-weight-heading: var(--run-font-weight-semibold); --run-font-semantic-weight-bold: var(--run-font-weight-bold); --run-font-semantic-line-height-body: var(--run-line-height-normal); --run-font-semantic-line-height-heading: var(--run-line-height-tight); --run-radius-semantic-control: var(--run-radius-md); --run-radius-semantic-card: var(--run-radius-lg); --run-radius-semantic-pill: var(--run-radius-full); --run-radius-semantic-checkbox: var(--run-radius-sm); --run-elevation-semantic-none: var(--run-shadow-none); --run-elevation-semantic-raised: var(--run-shadow-md); --run-elevation-semantic-overlay: var(--run-shadow-lg); --run-elevation-semantic-modal: var(--run-shadow-xl); --run-size-icon-xs: 0.75rem; --run-size-icon-sm: 1rem; --run-size-icon-md: 1.25rem; --run-size-icon-lg: 1.5rem; --run-size-icon-xl: 2rem; } :root[data-run-theme="dark"] { --run-color-surface-default: var(--run-color-neutral-950); --run-color-surface-subtle: var(--run-color-neutral-900); --run-color-surface-raised: var(--run-color-neutral-800); --run-color-surface-inverse: var(--run-color-neutral-50); --run-color-text-primary: var(--run-color-neutral-50); --run-color-text-secondary: var(--run-color-neutral-300); --run-color-text-tertiary: var(--run-color-neutral-400); --run-color-text-disabled: var(--run-color-neutral-600); --run-color-text-inverse: var(--run-color-neutral-900); --run-color-text-danger: var(--run-color-danger-400); --run-color-icon-primary: var(--run-color-neutral-200); --run-color-icon-secondary: var(--run-color-neutral-400); --run-color-border-default: var(--run-color-neutral-700); --run-color-border-strong: var(--run-color-neutral-500); --run-color-border-subtle: var(--run-color-neutral-800); --run-color-border-input-default: var(--run-color-neutral-600); --run-color-border-input-hover: var(--run-color-neutral-500); --run-color-divider: var(--run-color-neutral-700); --run-color-focus-ring: var(--run-color-brand-400); --run-color-state-hover-overlay: rgb(255 255 255 / 0.08); --run-color-state-active-overlay: rgb(255 255 255 / 0.12); --run-color-state-selected-overlay: var(--run-color-brand-900); --run-opacity-state-disabled: 0.38; --run-color-intent-primary-base: var(--run-color-brand-400); --run-color-intent-primary-hover: var(--run-color-brand-300); --run-color-intent-primary-active: var(--run-color-brand-200); --run-color-intent-primary-subtle: var(--run-color-brand-950); --run-color-intent-primary-on: var(--run-color-neutral-950); --run-color-intent-danger-base: var(--run-color-danger-400); --run-color-intent-danger-hover: var(--run-color-danger-300); --run-color-intent-danger-active: var(--run-color-danger-200); --run-color-intent-danger-subtle: var(--run-color-danger-950); --run-color-intent-danger-on: var(--run-color-neutral-950); --run-color-intent-success-base: var(--run-color-success-400); --run-color-intent-warning-base: var(--run-color-warning-400); --run-color-intent-info-base: var(--run-color-info-400); --run-color-intent-neutral-base: var(--run-color-neutral-300); --run-color-feedback-success-background: var(--run-color-success-950); --run-color-feedback-success-border: var(--run-color-success-700); --run-color-feedback-success-foreground: var(--run-color-success-300); --run-color-feedback-warning-background: var(--run-color-warning-950); --run-color-feedback-warning-border: var(--run-color-warning-700); --run-color-feedback-warning-foreground: var(--run-color-warning-300); --run-color-feedback-danger-background: var(--run-color-danger-950); --run-color-feedback-danger-border: var(--run-color-danger-700); --run-color-feedback-danger-foreground: var(--run-color-danger-300); --run-space-semantic-2xs: 0.25rem; --run-space-semantic-xs: 0.5rem; --run-space-semantic-sm: 0.75rem; --run-space-semantic-md: 1rem; --run-space-semantic-lg: 1.5rem; --run-space-semantic-xl: 2rem; --run-motion-semantic-micro-duration: var(--run-duration-fastest); --run-motion-semantic-micro-easing: var(--run-easing-default); --run-motion-semantic-standard-duration: var(--run-duration-normal); --run-motion-semantic-standard-easing: var(--run-easing-in-out); --run-motion-semantic-entrance-duration: var(--run-duration-slow); --run-motion-semantic-entrance-easing: var(--run-easing-out); --run-motion-semantic-exit-duration: var(--run-duration-fast); --run-motion-semantic-exit-easing: var(--run-easing-in); --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse); --run-motion-semantic-attention-easing: var(--run-easing-in-out); --run-motion-easing-standard: var(--run-easing-in-out); --run-motion-easing-decelerate: var(--run-easing-out); --run-motion-easing-accelerate: var(--run-easing-in); --run-font-semantic-family-body: var(--run-font-family-body); --run-font-semantic-family-heading: var(--run-font-family-heading); --run-font-semantic-family-code: var(--run-font-family-mono); --run-font-semantic-weight-body: var(--run-font-weight-regular); --run-font-semantic-weight-medium: var(--run-font-weight-medium); --run-font-semantic-weight-strong: var(--run-font-weight-semibold); --run-font-semantic-weight-heading: var(--run-font-weight-semibold); --run-font-semantic-weight-bold: var(--run-font-weight-bold); --run-font-semantic-line-height-body: var(--run-line-height-normal); --run-font-semantic-line-height-heading: var(--run-line-height-tight); --run-radius-semantic-control: var(--run-radius-md); --run-radius-semantic-card: var(--run-radius-lg); --run-radius-semantic-pill: var(--run-radius-full); --run-radius-semantic-checkbox: var(--run-radius-sm); --run-elevation-semantic-none: var(--run-shadow-none); --run-elevation-semantic-raised: var(--run-shadow-md); --run-elevation-semantic-overlay: var(--run-shadow-lg); --run-elevation-semantic-modal: var(--run-shadow-xl); --run-size-icon-xs: 0.75rem; --run-size-icon-sm: 1rem; --run-size-icon-md: 1.25rem; --run-size-icon-lg: 1.5rem; --run-size-icon-xl: 2rem; } @media (prefers-color-scheme: dark) { :root:not([data-run-theme="light"]) { --run-color-surface-default: var(--run-color-neutral-950); --run-color-surface-subtle: var(--run-color-neutral-900); --run-color-surface-raised: var(--run-color-neutral-800); --run-color-surface-inverse: var(--run-color-neutral-50); --run-color-text-primary: var(--run-color-neutral-50); --run-color-text-secondary: var(--run-color-neutral-300); --run-color-text-tertiary: var(--run-color-neutral-400); --run-color-text-disabled: var(--run-color-neutral-600); --run-color-text-inverse: var(--run-color-neutral-900); --run-color-text-danger: var(--run-color-danger-400); --run-color-icon-primary: var(--run-color-neutral-200); --run-color-icon-secondary: var(--run-color-neutral-400); --run-color-border-default: var(--run-color-neutral-700); --run-color-border-strong: var(--run-color-neutral-500); --run-color-border-subtle: var(--run-color-neutral-800); --run-color-border-input-default: var(--run-color-neutral-600); --run-color-border-input-hover: var(--run-color-neutral-500); --run-color-divider: var(--run-color-neutral-700); --run-color-focus-ring: var(--run-color-brand-400); --run-color-state-hover-overlay: rgb(255 255 255 / 0.08); --run-color-state-active-overlay: rgb(255 255 255 / 0.12); --run-color-state-selected-overlay: var(--run-color-brand-900); --run-opacity-state-disabled: 0.38; --run-color-intent-primary-base: var(--run-color-brand-400); --run-color-intent-primary-hover: var(--run-color-brand-300); --run-color-intent-primary-active: var(--run-color-brand-200); --run-color-intent-primary-subtle: var(--run-color-brand-950); --run-color-intent-primary-on: var(--run-color-neutral-950); --run-color-intent-danger-base: var(--run-color-danger-400); --run-color-intent-danger-hover: var(--run-color-danger-300); --run-color-intent-danger-active: var(--run-color-danger-200); --run-color-intent-danger-subtle: var(--run-color-danger-950); --run-color-intent-danger-on: var(--run-color-neutral-950); --run-color-intent-success-base: var(--run-color-success-400); --run-color-intent-warning-base: var(--run-color-warning-400); --run-color-intent-info-base: var(--run-color-info-400); --run-color-intent-neutral-base: var(--run-color-neutral-300); --run-color-feedback-success-background: var(--run-color-success-950); --run-color-feedback-success-border: var(--run-color-success-700); --run-color-feedback-success-foreground: var(--run-color-success-300); --run-color-feedback-warning-background: var(--run-color-warning-950); --run-color-feedback-warning-border: var(--run-color-warning-700); --run-color-feedback-warning-foreground: var(--run-color-warning-300); --run-color-feedback-danger-background: var(--run-color-danger-950); --run-color-feedback-danger-border: var(--run-color-danger-700); --run-color-feedback-danger-foreground: var(--run-color-danger-300); --run-space-semantic-2xs: 0.25rem; --run-space-semantic-xs: 0.5rem; --run-space-semantic-sm: 0.75rem; --run-space-semantic-md: 1rem; --run-space-semantic-lg: 1.5rem; --run-space-semantic-xl: 2rem; --run-motion-semantic-micro-duration: var(--run-duration-fastest); --run-motion-semantic-micro-easing: var(--run-easing-default); --run-motion-semantic-standard-duration: var(--run-duration-normal); --run-motion-semantic-standard-easing: var(--run-easing-in-out); --run-motion-semantic-entrance-duration: var(--run-duration-slow); --run-motion-semantic-entrance-easing: var(--run-easing-out); --run-motion-semantic-exit-duration: var(--run-duration-fast); --run-motion-semantic-exit-easing: var(--run-easing-in); --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse); --run-motion-semantic-attention-easing: var(--run-easing-in-out); --run-motion-easing-standard: var(--run-easing-in-out); --run-motion-easing-decelerate: var(--run-easing-out); --run-motion-easing-accelerate: var(--run-easing-in); --run-font-semantic-family-body: var(--run-font-family-body); --run-font-semantic-family-heading: var(--run-font-family-heading); --run-font-semantic-family-code: var(--run-font-family-mono); --run-font-semantic-weight-body: var(--run-font-weight-regular); --run-font-semantic-weight-medium: var(--run-font-weight-medium); --run-font-semantic-weight-strong: var(--run-font-weight-semibold); --run-font-semantic-weight-heading: var(--run-font-weight-semibold); --run-font-semantic-weight-bold: var(--run-font-weight-bold); --run-font-semantic-line-height-body: var(--run-line-height-normal); --run-font-semantic-line-height-heading: var(--run-line-height-tight); --run-radius-semantic-control: var(--run-radius-md); --run-radius-semantic-card: var(--run-radius-lg); --run-radius-semantic-pill: var(--run-radius-full); --run-radius-semantic-checkbox: var(--run-radius-sm); --run-elevation-semantic-none: var(--run-shadow-none); --run-elevation-semantic-raised: var(--run-shadow-md); --run-elevation-semantic-overlay: var(--run-shadow-lg); --run-elevation-semantic-modal: var(--run-shadow-xl); --run-size-icon-xs: 0.75rem; --run-size-icon-sm: 1rem; --run-size-icon-md: 1.25rem; --run-size-icon-lg: 1.5rem; --run-size-icon-xl: 2rem; } } } @media (forced-colors: active) { :root { --run-color-surface-default: Canvas; --run-color-surface-subtle: Canvas; --run-color-surface-raised: Canvas; --run-color-overlay-default: Canvas; --run-color-text-primary: CanvasText; --run-color-text-secondary: CanvasText; --run-color-text-inverse: CanvasText; --run-color-text-tertiary: GrayText; --run-color-text-disabled: GrayText; --run-color-border-default: ButtonBorder; --run-color-divider: ButtonBorder; --run-color-surface-action-primary: ButtonFace; --run-color-surface-action-secondary: ButtonFace; --run-color-surface-action-danger: ButtonFace; --run-color-text-action-primary: ButtonText; --run-color-text-action-secondary: ButtonText; --run-color-text-on-action-primary: ButtonText; --run-color-text-on-action-secondary: ButtonText; --run-color-text-on-action-danger: ButtonText; --run-color-focus-ring: Highlight; --run-color-intent-primary-base: LinkText; --run-color-intent-danger-base: LinkText; --run-color-syntax-keyword: CanvasText; --run-color-syntax-string: CanvasText; --run-color-syntax-number: CanvasText; --run-color-syntax-comment: GrayText; --run-color-syntax-function: CanvasText; --run-color-syntax-tag: CanvasText; --run-color-syntax-attr-name: CanvasText; --run-color-syntax-attr-value: CanvasText; } }