.card{border-radius:var(--radius-xl,.75rem);background-color:var(--surface);transition:all .2s}.card-default{border:1px solid var(--border)}.card-bordered{border:2px solid var(--border)}.card-elevated{border:1px solid var(--border);box-shadow:0 4px 6px var(--shadow-sm)}.card-elevated:hover{box-shadow:0 8px 12px var(--shadow-md);transform:translateY(-2px)}.card-padding-none{padding:calc(var(--spacing,.25rem)*0)}.card-padding-small{padding:calc(var(--spacing,.25rem)*4)}.card-padding-medium{padding:calc(var(--spacing,.25rem)*6)}.card-padding-large{padding:calc(var(--spacing,.25rem)*8)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:0 4px 12px var(--shadow-sm);transform:translateY(-2px)}