:root{--sko-brand-primary: #9a83f8;--sko-brand-ink: #0f1017;--sko-brand-ink-soft: #0c0c14;--sko-brand-paper: #f8f7f8;--sko-brand-paper-soft: #f0f0f4;--sko-brand-white: #fff;--sko-brand-blue: #4297fc;--sko-brand-yellow: #fcb825;--sko-brand-green: #47d874;--sko-brand-on-primary: var(--sko-brand-ink);--sko-brand-dark-surface: #16171f;--sko-brand-dark-raised: #1d1e29;--sko-brand-light-muted: #595968;--sko-brand-light-subtle: #6f6f82;--sko-brand-dark-muted: #a5a5b5;--sko-brand-dark-subtle: #a5a5b5;--sko-brand-danger-light: #bc2f2f;--sko-brand-danger-dark: #ff6b6b;--sko-brand-success-light: #176b36;--sko-brand-warning-light: #805200;--sko-brand-info-light: #1b5eaf;--sko-brand-font: 'InterVariable', 'Inter', system-ui, sans-serif;--sko-logo-background: var(--sko-brand-ink);--sko-logo-primary: var(--sko-brand-primary);--sko-logo-paper: var(--sko-brand-paper);--sko-logo-blue: var(--sko-brand-blue);--sko-logo-yellow: var(--sko-brand-yellow);--sko-logo-green: var(--sko-brand-green)}:root{--sko-color-primary: var(--sko-brand-primary);--sko-color-on-primary: var(--sko-brand-on-primary);--sko-color-primary-soft: color-mix(in srgb, var(--sko-color-primary) 18%, transparent);--sko-color-primary-hover: color-mix( in srgb, var(--sko-color-primary), var(--sko-brand-ink) 10% );--sko-color-primary-active: color-mix( in srgb, var(--sko-color-primary), var(--sko-brand-ink) 18% );--sko-color-focus-ring: color-mix(in srgb, var(--sko-color-primary), var(--sko-brand-ink) 28%);--sko-color-bg: var(--sko-brand-paper);--sko-color-surface: var(--sko-brand-white);--sko-color-surface-raised: var(--sko-brand-white);--sko-color-surface-sunken: var(--sko-brand-paper-soft);--sko-color-text: var(--sko-brand-ink);--sko-color-text-muted: var(--sko-brand-light-muted);--sko-color-text-subtle: var(--sko-brand-light-subtle);--sko-color-surface-hover: color-mix(in srgb, var(--sko-color-text) 5%, transparent);--sko-color-surface-active: color-mix(in srgb, var(--sko-color-text) 9%, transparent);--sko-color-border: color-mix(in srgb, var(--sko-color-text) 12%, transparent);--sko-color-border-strong: color-mix(in srgb, var(--sko-color-text) 26%, transparent);--sko-color-danger: var(--sko-brand-danger-light);--sko-color-success: var(--sko-brand-success-light);--sko-color-warning: var(--sko-brand-warning-light);--sko-color-info: var(--sko-brand-info-light);--sko-color-danger-soft: color-mix( in srgb, var(--sko-color-danger) 12%, var(--sko-color-surface) );--sko-color-success-soft: color-mix( in srgb, var(--sko-color-success) 12%, var(--sko-color-surface) );--sko-color-warning-soft: color-mix( in srgb, var(--sko-brand-yellow) 22%, var(--sko-color-surface) );--sko-color-info-soft: color-mix(in srgb, var(--sko-color-info) 12%, var(--sko-color-surface));--sko-color-backdrop: color-mix(in srgb, var(--sko-brand-ink) 45%, transparent);--sko-shadow-sm: 0 1px 2px color-mix(in srgb, var(--sko-brand-ink) 8%, transparent);--sko-shadow-md: 0 8px 24px color-mix(in srgb, var(--sko-brand-ink) 12%, transparent);--sko-font-family: var(--sko-brand-font);--sko-text-xs: 0.75rem;--sko-text-sm: 0.875rem;--sko-text-md: 1rem;--sko-text-lg: 1.125rem;--sko-text-xl: 1.375rem;--sko-text-2xl: 1.75rem;--sko-text-3xl: 2.25rem;--sko-leading-tight: 1.2;--sko-leading-normal: 1.5;--sko-weight-medium: 500;--sko-weight-semibold: 600;--sko-weight-bold: 700;--sko-space-1: 4px;--sko-space-2: 8px;--sko-space-3: 12px;--sko-space-4: 16px;--sko-space-5: 20px;--sko-space-6: 24px;--sko-space-8: 32px;--sko-space-10: 40px;--sko-space-12: 48px;--sko-space-16: 64px;--sko-radius-sm: 8px;--sko-radius-md: 12px;--sko-radius-lg: 16px;--sko-radius-pill: 999px;--sko-control-height-sm: 32px;--sko-control-height-md: 40px;--sko-control-height-lg: 48px;--sko-topbar-height: 56px;--sko-toolbar-width: 56px;--sko-page-max-width: 1200px;--sko-focus-ring-width: 2px;--sko-duration-fast: 120ms;--sko-ease: cubic-bezier(0.2, 0, 0, 1)}:root[data-theme=dark],[data-theme=dark]{color-scheme:dark;--sko-color-bg: var(--sko-brand-ink);--sko-color-surface: var(--sko-brand-dark-surface);--sko-color-surface-raised: var(--sko-brand-dark-raised);--sko-color-surface-sunken: var(--sko-brand-ink-soft);--sko-color-text: var(--sko-brand-paper);--sko-color-text-muted: var(--sko-brand-dark-muted);--sko-color-text-subtle: var(--sko-brand-dark-subtle);--sko-color-surface-hover: color-mix(in srgb, var(--sko-color-text) 6%, transparent);--sko-color-surface-active: color-mix(in srgb, var(--sko-color-text) 10%, transparent);--sko-color-border: color-mix(in srgb, var(--sko-color-text) 12%, transparent);--sko-color-border-strong: color-mix(in srgb, var(--sko-color-text) 24%, transparent);--sko-color-primary-hover: color-mix( in srgb, var(--sko-color-primary), var(--sko-brand-paper) 16% );--sko-color-primary-active: color-mix( in srgb, var(--sko-color-primary), var(--sko-brand-paper) 8% );--sko-color-focus-ring: var(--sko-color-primary);--sko-color-danger: var(--sko-brand-danger-dark);--sko-color-success: var(--sko-brand-green);--sko-color-warning: var(--sko-brand-yellow);--sko-color-info: var(--sko-brand-blue);--sko-shadow-sm: 0 1px 2px color-mix(in srgb, var(--sko-brand-ink) 40%, transparent);--sko-shadow-md: 0 8px 24px color-mix(in srgb, var(--sko-brand-ink) 60%, transparent)}:root[data-theme=light],[data-theme=light]{color-scheme:light}