@layer components{.dsk-btn{min-height:var(--dsk-control-md);justify-content:center;align-items:center;gap:var(--dsk-space-1);border-radius:var(--radius-md);padding:var(--dsk-space-1) var(--dsk-space-3);color:var(--color-secondary);font-size:var(--text-md);font-weight:var(--dsk-font-weight-medium);line-height:var(--dsk-leading-control);letter-spacing:var(--dsk-tracking-control);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;display:inline-flex}.dsk-btn[data-size=sm]{min-height:var(--dsk-control-sm);padding:var(--dsk-space-1) var(--dsk-space-2);font-size:var(--text-sm);line-height:var(--dsk-leading-control)}.dsk-btn[data-variant=primary]{border-color:var(--color-fg);background:var(--color-fg);color:var(--color-canvas);box-shadow:var(--shadow-low)}.dsk-btn[data-variant=primary]:hover:not(:disabled){border-color:var(--color-secondary);background:var(--color-secondary)}.dsk-btn[data-variant=secondary]{border-color:var(--color-line-strong);background:var(--color-elevated)}.dsk-btn[data-variant=secondary]:hover:not(:disabled){border-color:var(--color-secondary);background:var(--color-hover);color:var(--color-fg)}.dsk-btn[data-variant=danger]{border-color:color-mix(in srgb, var(--color-danger) var(--dsk-danger-button-border-mix), var(--color-line-strong));background:color-mix(in srgb, var(--color-danger) var(--dsk-danger-button-surface-mix), transparent);color:var(--color-danger)}.dsk-btn[data-variant=danger]:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) var(--dsk-danger-button-hover-surface-mix), transparent)}.dsk-btn[data-variant=ghost]{color:var(--color-muted);background:0 0}.dsk-btn[data-variant=ghost]:hover:not(:disabled){background:var(--color-hover);color:var(--color-secondary)}.dsk-btn:disabled{cursor:not-allowed;opacity:var(--dsk-opacity-disabled-action)}@media (pointer:coarse){.dsk-btn,.dsk-btn[data-size=sm]{min-height:var(--dsk-control-touch)}}}