[data-design-context]{--color-background:var(--color-background-base);--color-foreground:var(--color-neutral-base);--color-surface:var(--color-background);--color-surface-foreground:var(--color-foreground);--color-surface-muted:color-mix(in oklch, var(--color-neutral-base) 4%, var(--color-background));--color-surface-muted-foreground:color-mix(in oklch, var(--color-neutral-base) 58%, var(--color-background));--color-surface-subtle:color-mix(in oklch, var(--color-neutral-base) 6%, var(--color-background));--color-surface-accent:color-mix(in oklch, var(--color-brand-base) 8%, var(--color-background));--color-surface-accent-foreground:var(--color-foreground);--color-primary-hover:color-mix(in oklch, var(--color-primary) 86%, var(--color-primary-hover-mix));--color-primary-surface:color-mix(in oklch, var(--color-primary) 8%, var(--color-background));--color-primary-surface-hover:color-mix(in oklch, var(--color-primary) 14%, var(--color-background));--color-primary-border:color-mix(in oklch, var(--color-primary) 34%, var(--color-background));--color-primary-border-hover:color-mix(in oklch, var(--color-primary) 52%, var(--color-background));--color-secondary:var(--color-surface-muted);--color-secondary-foreground:var(--color-foreground);--color-border:color-mix(in oklch, var(--color-neutral-base) 12%, var(--color-background));--color-border-strong:color-mix(in oklch, var(--color-neutral-base) 44%, var(--color-background));--color-border-subtle:color-mix(in oklch, var(--color-neutral-base) 7%, var(--color-background));--color-focus-ring:color-mix(in oklch, var(--color-primary) 68%, var(--color-background));--color-success-surface:color-mix(in oklch, var(--color-success) 8%, var(--color-background));--color-success-border:color-mix(in oklch, var(--color-success) 34%, var(--color-background));--color-warning-surface:color-mix(in oklch, var(--color-warning) 10%, var(--color-background));--color-warning-border:color-mix(in oklch, var(--color-warning) 40%, var(--color-background));--color-danger-surface:color-mix(in oklch, var(--color-danger) 7%, var(--color-background));--color-danger-border:color-mix(in oklch, var(--color-danger) 34%, var(--color-background));--color-info-surface:color-mix(in oklch, var(--color-info) 8%, var(--color-background));--color-info-border:color-mix(in oklch, var(--color-info) 34%, var(--color-background));--color-section-background:var(--color-background-base);--color-section-foreground:var(--color-neutral-base);--color-card-background:var(--color-surface);--color-card-foreground:var(--color-surface-foreground);--color-card-border:var(--color-border);--color-card-background-muted:var(--color-surface-muted);--color-button-primary-background:var(--color-primary);--color-button-primary-foreground:var(--color-primary-foreground);--color-button-primary-background-hover:var(--color-primary-hover);--color-button-brand-background:var(--color-primary);--color-button-brand-foreground:var(--color-primary-foreground);--color-button-brand-border:var(--color-primary);--color-button-brand-background-hover:var(--color-primary-hover);--color-button-brand-border-hover:var(--color-primary-hover);--color-button-secondary-background:var(--color-surface-muted);--color-button-secondary-foreground:var(--color-foreground);--color-button-secondary-background-hover:color-mix(in oklch, var(--color-neutral-base) 14%, var(--color-background));--color-button-secondary-border:transparent;--color-button-secondary-border-hover:transparent;--color-button-tertiary-background:transparent;--color-button-tertiary-foreground:var(--color-primary);--color-button-tertiary-border:transparent;--color-button-tertiary-background-hover:var(--color-primary-surface-hover);--color-button-tertiary-border-hover:transparent;--color-button-danger-background:var(--color-danger);--color-button-danger-foreground:var(--color-danger-foreground);--color-button-danger-border:var(--color-danger);--color-button-danger-background-hover:var(--color-danger-strong);--color-button-danger-border-hover:var(--color-danger-strong);--color-button-light-background:#ffffff;--color-button-light-background-hover:#f0f0f0;--color-button-light-foreground:#0a0a0a;--color-button-light-border:#ffffff;--color-button-light-border-hover:#f0f0f0;--color-button-dark-background:#0a0a0a;--color-button-dark-background-hover:#262626;--color-button-dark-foreground:#ffffff;--color-button-dark-border:#0a0a0a;--color-button-dark-border-hover:#262626;--color-button-outline-border:var(--color-border-strong);--color-button-outline-background-hover:var(--color-surface-accent);--color-button-transparent-background-hover:var(--color-surface-muted);--color-input-background:var(--color-background);--color-input-foreground:var(--color-foreground);--color-input-border:var(--color-border-strong);--color-input-border-focus:var(--color-focus-ring);--radius-sm:calc(var(--radius-base) * 0.6);--radius-md:calc(var(--radius-base) * 0.8);--radius-lg:var(--radius-base);--radius-xl:calc(var(--radius-base) * 1.4);--radius-2xl:calc(var(--radius-base) * 1.8);--radius-3xl:calc(var(--radius-base) * 2.2);--radius-4xl:calc(var(--radius-base) * 2.6);--radius-card:var(--radius-lg);--radius-image:var(--radius-card);--radius-input:var(--radius-md);--radius-textarea:min(var(--radius-input), var(--radius-xl));--radius-checkbox:min(var(--radius-sm), 4px);--radius-control-group:var(--radius-md);--radius-control-group-item:var(--radius-sm);--color-text-heading:var(--color-section-foreground);--color-text-body:var(--color-section-foreground);--color-text-muted:color-mix(in oklch, var(--color-section-foreground) 64%, var(--color-section-background));--color-text-subtle:color-mix(in oklch, var(--color-section-foreground) 52%, var(--color-section-background));--color-text-disabled:color-mix(in oklch, var(--color-section-foreground) 28%, var(--color-section-background));--color-input-placeholder:var(--color-text-muted);--color-selection-background:var(--color-section-foreground);--color-selection-foreground:var(--color-section-background);background:var(--color-section-background);color:var(--color-section-foreground);font-family:var(--font-family-body),var(--font-family-sans),system-ui,sans-serif}[data-design-context][data-theme-mode="light"]{--color-primary:var(--color-brand-base);--color-success:color-mix(in oklch, var(--color-success-base) 82%, black);--color-success-foreground:#ffffff;--color-success-strong:color-mix(in oklch, var(--color-success) 86%, black);--color-warning:var(--color-warning-base);--color-warning-foreground:#0a0a0a;--color-warning-strong:color-mix(in oklch, var(--color-warning) 86%, black);--color-danger:color-mix(in oklch, var(--color-danger-base) 86%, black);--color-danger-foreground:#ffffff;--color-danger-strong:color-mix(in oklch, var(--color-danger) 86%, black);--color-info:color-mix(in oklch, var(--color-info-base) 90%, black);--color-info-foreground:#ffffff}